forked from Drawwell/SandpointsTheme
638 lines
15 KiB
CSS
638 lines
15 KiB
CSS
<!-- Main CSS file; Beautified -->
|
||
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:400
|
||
}
|
||
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{
|
||
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:.5rem
|
||
}
|
||
td:not([align]),th:not([align]){
|
||
text-align:left
|
||
}
|
||
@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")
|
||
}
|
||
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:.5rem;
|
||
padding-right:2rem;
|
||
color:#000
|
||
}
|
||
#preview{
|
||
display:none
|
||
}
|
||
sup,sub{
|
||
vertical-align:baseline;
|
||
position:relative;
|
||
top:-.4em
|
||
}
|
||
sub{
|
||
top:.4em
|
||
}
|
||
.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:grid;
|
||
grid-template-columns:auto;
|
||
grid-auto-flow:column;
|
||
position:sticky;
|
||
top:0;
|
||
padding-top:.5rem;
|
||
font-size:1.1rem;
|
||
background-color:#fff;
|
||
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:700;
|
||
display:inline-flex;
|
||
padding-left:.2rem;
|
||
padding-right:.3rem
|
||
}
|
||
.ddmenu{
|
||
cursor:pointer;
|
||
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,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:.9em;
|
||
font-style:normal;
|
||
color:rgba(0,0,0,.8);
|
||
vertical-align:baseline;
|
||
position:relative;
|
||
top:-.3em
|
||
}
|
||
.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
|
||
}
|
||
.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:.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{
|
||
padding-left:.5rem
|
||
}
|
||
.has{
|
||
display:inline-grid;
|
||
grid-column:2;
|
||
grid-auto-rows:max-content;
|
||
font-size:1.4rem;
|
||
font-style:italic;
|
||
margin-bottom:.8rem
|
||
}
|
||
.hasauthors{
|
||
font-size:1.6rem!important;
|
||
display:flex
|
||
}
|
||
.hassup{
|
||
grid-column:1;
|
||
font-family:great vibes,cursive;
|
||
font-size:.9em;
|
||
font-style:normal;
|
||
color:red;
|
||
vertical-align:baseline;
|
||
position:relative
|
||
}
|
||
.afterhas{
|
||
grid-column:2
|
||
}
|
||
.content{
|
||
margin-top:4rem;
|
||
padding-left:3rem;
|
||
padding-right:10rem;
|
||
max-width:720px
|
||
}
|
||
a{
|
||
color:#000;
|
||
text-decoration:none
|
||
}
|
||
a:hover{
|
||
text-decoration:underline;
|
||
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
|
||
}
|
||
.abstract{
|
||
font-style:italic;
|
||
border-left:1px solid #000;
|
||
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,5%);
|
||
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:.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 glossN
|
||
}
|
||
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;
|
||
text-decoration-color:red
|
||
}
|
||
.glosscontainer{
|
||
display:grid;
|
||
grid-template-columns:auto 1fr;
|
||
grid-template-rows:1fr;
|
||
gap:0 0;
|
||
grid-template-areas:"glossnumber gloss";
|
||
border-left:1px red solid;
|
||
background-color:#fff9f9;
|
||
padding-top:.4em;
|
||
margin-top:1rem;
|
||
margin-bottom:1rem;
|
||
margin-left:1rem;
|
||
margin-right:2rem;
|
||
padding-bottom:.4em;
|
||
padding-left:1rem;
|
||
padding-right:2rem
|
||
}
|
||
.gloss{
|
||
grid-area:gloss
|
||
}
|
||
.glossnumber{
|
||
grid-area:glossnumber;
|
||
padding-right:.6rem
|
||
}
|
||
.glossnumberAuto::before{
|
||
counter-increment:glossN;
|
||
content:"(" counter(glossN)")"
|
||
}
|
||
.glosswords{
|
||
display:inline-block;
|
||
padding-left:-.3rem;
|
||
padding-right:1rem
|
||
}
|
||
.sitemap{
|
||
padding-left:3rem;
|
||
font-size:1.2rem
|
||
}
|
||
.sitemap a{
|
||
color:rgba(0,0,0,.4)
|
||
}
|
||
.sitemap .sup{
|
||
color:rgba(255,0,0,.7)
|
||
}
|
||
.highline a,.sitemap a:hover{
|
||
color:#000
|
||
}
|
||
.highline .sup,.sitemap .sup:hover{
|
||
color:red
|
||
}
|
||
.highline{
|
||
font-size:1.6rem;
|
||
color:#000;
|
||
border-left:1px red solid;
|
||
padding-left:1rem;
|
||
padding-top:.1rem;
|
||
padding-bottom:.1rem;
|
||
background-color:#fff9f9
|
||
}
|
||
.svedit{
|
||
display:none;
|
||
margin-left:.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:.2em
|
||
}
|
||
.content{
|
||
padding:0;
|
||
margin:0 auto;
|
||
margin-top:4rem
|
||
}
|
||
.hpar{
|
||
display:none
|
||
}
|
||
.mantletitle{
|
||
font-size:1.7rem
|
||
}
|
||
.sessiongrid{
|
||
display:none
|
||
}
|
||
}
|