/* loaded from master.css*/ /* Font Styles for John Benjamins Publishing. */ @import url(//fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700,700italic&display=swap); /* loaded from master.css*/ /*@import "assignments.css";*/ /* loaded from assignments.css*/ /* Font Styles for Assigments. */ .assignments-content h1 { color: #0a6441; margin-top: .5em; } .assignments-header { color: #7f8281; text-transform: uppercase; letter-spacing: 0.15em; font-size: 8.5pt; font-weight: bold; } .assignments-content ol, .assignments-content ul { margin-left: 0em; margin-bottom: .5em; padding-left: 2em; } .assignments-content ol ol { margin-left: 0em; margin-bottom: 1em; padding-left: 1.75em; } .assignments-content table.example th { font-size: small; padding-top:.5em; } .assignments-content table.example td { padding:.25em .75em; font-size: small; } .widenumbers { letter-spacing: .75em; } .assignments-content p.first { margin-top: .5em; margin-bottom: 0em; } .assignments-content p.next { margin: 0em; text-indent: 1em; } .assigment-content li .first { margin-top: .25em; } .assigment-content li table { margin-top: .25em; } /* loaded from master.css*/ :root { --jb-blauw: #253776; --lichtblauw: #9ccef3; --roze: #faa; --oranje-orig: #ff5500; --oranje: #E00000; /* 'betere' kleur met hoger contrast */ --olijfgroen: #666633; --lichtergroen: #a8d5ba; --titelbalkrood: #831b30; --geel: #fdb813; --orcid-green:#a6ce39; --orcid-main-color: light-dark( var(--orcid-green), hsl(from var(--orcid-green) h 30 40) ); --orcid-bg: var(--orcid-main-color); --ror-green: #53BAA1; --ror-main-color: light-dark( var(--ror-green), hsl(from var(--ror-green) h s 50) ); --ror-triangle: light-dark( var(--ror-green), hsl(from var(--ror-green) h s 50) ); --ror-letter: light-dark( #202826, #ddd ); --font-size:10.5pt; --lichtgroen: #9abb91; --donkergroen: #335525; --at-sign: var(--jb-blauw-ld); --fieldset-border: #a8d5ba; --kudos-blue: #2b7cb5; --felblauw:#0099ff; --roodbruin:#7c2529; --list-series-blauw:var(--jb-blauw-ld); --open-access-green: light-dark(#256116, var(--lichtgroen) ); --main-bg-light: #fdfdfd; --main-bg-dark: #222; --main-bg: light-dark( var(--main-bg-light), var(--main-bg-dark) ); --side-bg: light-dark(antiquewhite, hsl(from antiquewhite h s 10) ); --side-bg-gradient-color: light-dark(#eadedb, hsl(from antiquewhite h 30 15) ); /* NAVIGATION */ --nav-groen: #335525; --nav-rood: #7c2529; --nav-lichtblauw: #6068b2; --nav-lila: #a7a4e0; --nav-lichtgroen: #9abb91; --nav-hover-gradient-start:#4f5964; --nav-hover-gradient-end:#5f6975; --nav-hover-bg:var(--nav-groen); --home-fill:var(--jb-blauw-ld); --nav-bg: light-dark(#ddd, #555); --nav-text: light-dark(#222, #ddd); --fieldset-bg: light-dark(#fafafa,#433); --fuchsia-dark: hsl(from fuchsia h s 35); --fuchsia: light-dark(fuchsia, var(--fuchsia-dark) ); --nav-ul3-li-bg-hov: light-dark( var(--nav-lichtgroen), hsl( from var(--nav-lichtgroen) h s 60) ); --nav-ul3-li-bg: light-dark( var(--nav-lila), hsl( from var(--nav-lila) h 35 35) ); --nav-item-border-bottom: light-dark(#bbb,#222); --metrics-bg: light-dark(#dee, #544); --metrics-link-text: light-dark( var(--oranje), var(--link-text) ); --titlebox-bg: light-dark(#dee, #544); --refbox-bg: light-dark(#dee, #211); --sortbox-bg: light-dark(#def, #544); --searchbox-bg: light-dark(#def, #544); --quotebox-bg: light-dark(#efe, #544); --alertbox-bg: light-dark(#fe0, var(--fuchsia-dark) ); --rpqr-tab-bg: light-dark(#eee, #544); --rpqr-tab-bg-checked: light-dark(#fff, var(--roze) ); --rpqr-tab-text: light-dark(#666, var(--roze) ); --cc-bg:light-dark(#aab2ab, #444); --h1-bg-light: rgb(from white r g b / 0.9); --h1-bg-dark: rgb(from #aaa r g b / 0.9); --h1-bg: light-dark( var(--h1-bg-light), transparent ); --jb-blauw-dark: hsl( from var(--jb-blauw) h 30 75); --jb-blauw-ld: light-dark( var(--jb-blauw), var(--jb-blauw-dark) ); --h1-text: var(--jb-blauw-ld); --h2-text-light: #666633; --h2-text-dark: var(--roze); --h2-text: light-dark( var(--h2-text-light), var(--h2-text-dark) ); --subtitle2-text: light-dark(#660099, hsl( from #660099 h 50 70) ); /* link colors */ --oranje-dark: hsl(from var(--oranje) h s 65); --oranje-ld: light-dark( var(--oranje), var(--oranje-dark) ); /* hsl(from var(--oranje) h s 65) */ --yellow-dark: hsl(from var(--geel) h 70 65); --pink-light: hsl(from pink h 80 92 ); --pink-dark: hsl(from pink h 50 30); --pink: light-dark( var(--pink-light), var(--pink-dark) ); --link-text: light-dark( var(--oranje), var(--yellow-dark) ); --link-text-hover: light-dark( var(--oranje), hsl( from yellow h s 75) ); --underline-light: var(--lichtblauw); --underline-dark: var(--oranje-dark); --underline: light-dark(var(--underline-light), var(--underline-dark) ); --underline-em: light-dark(.3em, .1em); --nav-grijs: light-dark( #444, #bbb ); --authors-text: light-dark(#444,#ddd); --blauw-grijs: light-dark( var(--jb-blauw), var(--nav-grijs) ); --contrib-affiliation: light-dark(black, #ddd); --contrib-group-heading: ; var(--blauw-grijs); --article-type-text: var(--nav-grijs); --refauth: light-dark( var(--nav-rood), #bbb); --refyear: light-dark(#666, var(--yellow-dark) ); --refseries: var(--jb-blauw-ld); --references__item-title: light-dark( var(--jb-blauw), #fff); --refsource-link: light-dark( var(--oranje), var(--roze) ); --h2-tab-bg: light-dark( #e9e9e9, var(--jb-blauw) ); --h2-tab-text: light-dark( var(--jb-blauw), #e9e9e9 ); --tab-summary-bg-hover: light-dark( orange, hsl(from orange h s 35) ); --action-bg-hover: var(--tab-summary-bg-hover); /* other properties */ --letter-spacing-when-dark: 0; --bold: bold; --image-width : 225px; --image-height: 300px; --detail-image-width: var(--image-width); --detail-image-height: var(--image-height); --thumb-width: calc(var(--image-width) / 2); --thumb-height: calc(var(--image-height) / 2); --control-line-height: 2em; --border-thickness: 1px; --field__border: #ccc; --field__border-radius: 0; --select-field-with-value__border-color: #ccc; --select-field-with-value__background-color: var(--lichtblauw); --select-field-without-value__border-color: red; --select-field-without-value__background-color: var(--geel); --font-size:10.5pt; --border-radius-top-only: .25em .25em 0 0 ; color-scheme: light dark; font-display: swap; letter-spacing:var(--letter-spacing-when-dark); } body, td, button, input, select { font-family: "Noto Sans", "Noto Sans SC", sans-serif; font-size: var(--font-size); line-height: 1.65em; } .booktext ul { padding-inline-start:1em; } ul li { list-style: outside; list-style-type:"\2013\2002"; margin-left: 0em; margin-bottom: 0.25em; } li li { margin-top: 0.25em; margin-bottom: 0.25em; _margin-left: 1em; } ol li, ul li{ max-width: 45em; } ul.articles .heading-label { font-weight:bold; } /* styles for static pages */ h1, h2, h3, h4, h5, h6 { line-height: 1.3em; margin-top: .75em; margin-bottom: .25em; } h1 + h2 { margin-top:0; padding-top:0; } h1 { font-size: 1.5em; font-weight: bold; margin-top: 0; margin-bottom: .5em; } h2, .parent-subject { font-size: 1.2em; font-weight: var(--bold); color: var(--h2-text); line-height:1.75em; } h3 { font-size: 1.1em; font-weight: var(--bold); } footer h3 { padding-top:0; margin-top:0; } h4 { font-size: 1.1em; font-weight:normal; font-style:italic; } h5 { font-size:1em; font-weight: bold; } h6 { font-size:0.85em; font-weight: bold; } p { line-height: 1.65em; margin-bottom: 0.6em; margin-top: 0; max-width:45em; } p.wide { max-width:initial; } .email { color: #003c83; } .news_date{ color:#696969; } .hi { background-color:yellow; } /* reference styling */ details.toc .ref-list { margin-top:.66em; margin-bottom:.33em; } details.toc > section.ref-list > span.toc-title { font-size:1.2em; font-weight:bold; } details.toc > section > div > span.toc-title { font-size:1.1em; font-style:italic; } .reference { display: block; text-indent: -6.6em; margin:0em; margin-left: 6.6em; line-height: 1.65em; margin-top: .25em; /* max-width: 45em;*/ } .reference .doi-image-logo-container { display: inline-block; text-indent: 0; position: relative; top: .45em; } .reference.labelref { margin-left:0; } .sourcefirst .refrole { min-width:0; padding-left:0; } .sourcefirst { text-indent:-6.6em; margin-left:0em; } .refauth { font-weight:var(--bold); color:var(--refauth); } .refline .refauth { color:#555; } #cited-by { display:inline-block; } .sort-box { background-color:var(--sortbox-bg); padding:.5em; border-radius:.25em; clear:both; position:sticky; top:100px; } .sort-box .collapse { width: 2em; display:inline-block; float:right; opacity:.5; } .sort-box:hover .collapse { opacity:1; } .sort-box[data-state=closed] .collapse svg { transition: all .5s; rotate: 0deg; } .sort-box[data-state=open] .collapse svg { transition: all .5s; rotate: 180deg; } .cited-by .refauth { margin-top:.7em; } .hidden { display:none; } .refauth.hidden+ *::before { content:"\2014\2014\2014"; display:inline; color:var(--refauth); font-weight:bold; letter-spacing:-.1em; } .refline { margin-top: .1em; margin-bottom:.5em; position:relative; } .refyear { color: var(--refyear); font-weight:bold; } /* make the main title bold */ .chapter-title , .reference .article-title , .refyear + .refsource , .refrole + .chapter-title { font-weight:var(--bold); font-style:normal; color:var(--references__item-title); } .refsource, .transliteratedsource { font-style:italic; } .refsource[lang=zh-hant], .refsource[lang=zh-hans], .refsource[lang=zh] { font-style:normal; } .refseries , a.refseries:link , a.refseries:visited { color: var(--refseries); } .space { display:inline-block; width:.3em; } .singleref { margin-bottom:.5em; } .refrole { min-width:3em; padding-left:.75em; text-indent:0; display:inline-block; } .labelref .refrole { position:static; float:none; min-width:initial; padding-left:0; } .firstref { margin-bottom:0; } .nextref { margin-top: 0; margin-bottom:0; } .lastref { margin-top: 0; } .otherref{ text-indent: -2.75em; margin-left:0; } .labelref { text-indent:0; margin-left:2.5em; } .labelfirst { text-indent:-2.5em; margin-left:2.5em; } .edited { text-indent: -6em; } .samedash { letter-spacing:-.15em; font-stretch: expanded; } .stars { margin-top:1em; text-align: center; } .sc, sc { font-variant: small-caps; } .italic { font-style:italic; } .refsource .italic { font-style:normal; } .roman { font-style:roman; } .tabLabel { color:white; font-size:.95em; } .welcome { color:#003399; } .first { margin-top: .75em; } .ebpb { font-style: italic; } .ebpbnote { color: #9d0000; font-weight:bold; } a:link,a:visited { text-decoration:none; color: var(--link-text); font-weight: var(--bold); } /* use bold for all 'internal' links when classified as 'catalog' */ a.catalog { font-weight: var(--bold); } a.series:link, a.series:visited { text-decoration:none; color:#253776; } a.rorlink:link, a.rorlink:visited { font-weight:normal; color:inherit; } a:hover, a:active, a:focus-visible { text-decoration:underline; text-decoration-color:var(--underline); text-decoration-thickness:var(--underline-em); text-decoration-skip-ink:none; color:var(--link-text-hover); } /* details font! */ .bbr td { vertical-align:top } .bbr p { margin-top:0; } .bbrlink { font-weight: bold; font-size: .8em; font-family: Verdana, sans serif; background-color: #f0f0f0; padding-top: 0; padding-bottom: .05em; padding-left: .3em; padding-right: .15em; letter-spacing: .1em; border:1px solid; border-radius:.35em; border-color: #ccc; vertical-align:.1em; } /* ORCiD styles, from the ORCiD site */ .id-wrapper.orcid-id { border: 1px solid var(--orcid-main-color); } .id-wrapper.ror-id { border: 1px solid var(--ror-main-color); } .id-wrapper { margin-bottom: 10px; width: 100%; max-width:18em; box-sizing: border-box; } h2 + .id-wrapper { margin-top: 1em; } .full-name { font-family: 'Gill Sans W02', 'Helvetica', sans-serif; font-weight: bold; font-style: normal; margin: 10px 0 0 !important; line-height: 1; word-break: break-word; padding-bottom: 10px; } .id-wrapper .id-container { padding: 5px; } .id-banner-header abbr{ text-decoration:none; } .orcid-id .id-banner-header > * { background: var(--orcid-main-color); } .ror-id .id-banner-header > * { background: var(--ror-main-color); } .id-wrapper .id-banner-header > * { height: 21px; font-size: 16px; font-weight: 800; padding: 0 5px; color: #FFF; display: block; width: 100%; box-sizing: border-box; } .ror-id .id-container svg { display:inline-block; width:4.5em; height:1.5em; margin-right:.5em; } .ror-id .id-container { font-size: 1.1em; display:flex; } .mini-orcid-icon { margin: 0 .25em; } .mini-ror-icon { position:relative; top:0; left:-.15em; } .mini-ror-icon svg { width:.95em; height:auto; } .mini-orcid-icon svg { width: 1.2em; height:1.2em; transform: scale(1.1) translateY(.1em); } .member, .name { position:relative; line-height:1.8em; } .name_orcid { position:relative; display:inline-block; } .member .affiliation .city:before { content: ', '; } .contributors { display: table; line-height: 1.7em; } .contribgroup { font-weight: normal; font-size: 1.05em; display:table-row; } .contribgroup > * { margin-top: .5em; padding-bottom: .35em; /* added to work with new .contribgroup_heading alignment below - 20/5/22 jf */ display:table-cell; } /*.contribgroup_heading { white-space: nowrap; display: table-cell; color: #253776; padding-right:2.5em; font-weight:bold; } removed due to errors with extra_editorial content - 20/5/22 jf */ .contribgroup_heading { white-space: nowrap; color: var(--contrib-group-heading); padding-right: 2.5em; font-weight: var(--bold); /* min-width: 40mm;*/ vertical-align: top; } .articleinfo .contribgroup, .articleinfo .contribgroup > * { display:block; } .articleinfo .contribgroup_heading { padding-right: .5em; padding-bottom:0; } .articleinfo .contribgroup_heading + .contribgroup_members { margin-top:0; } /* override for series with long roles, like KL */ .board.long-role .contribgroup_members { margin-top:0; } .board.long-role .contribgroup_heading { display:block; padding-bottom:0; } /* tbv Kudos */ .kudos-widget-article { background-color:light-dark(#def, hsl(from var(--kudos-blue) h s 30) ); } .kudos-widget .kudos-widget-article .kudos-widget-article-logo-img { float: left!important; background-color:light-dark(transparent, var(--kudos-blue) ); box-sizing:content-box; padding:1em; height:35px; } .kudos-widget ul li { max-width:initial; list-style:none; } .kudos-widget .kudos-widget-article h1.kudos-article-title { display:none; } /* tbv subscriptions tab */ tr { vertical-align: top; } tr.subscriptions-backset td { padding: 0 .5em .5em 0; } .issue { line-height:2em; } .issue .label, .issue .title { display: table-cell; } .issue .label { min-width:4em; } .issue .title { padding-left: 1em; font-weight:bold; } /* at-sign: inline replacement to avoid exposing email addresses */ .at-sign-inline { height:1.1em; width:1.1em; position: relative; top: .3em; } /* this fixes an odd 'underline' when hovering over the JB logo in the header */ #header-content > div.logo-container > a { text-decoration:none; } @media screen and (min-width: 750px) { .mini-orcid-icon.hanging { position:absolute; left:-2em; top:0; } } @media screen and (max-width: 750px) { .mini-orcid-icon.hanging { position:absolute; right:-1.75em; top:0; } .mini-orcid-icon.hanging ~ b { margin-right:2em; } .member .name { line-height:initial; } /* suppress dividers when the affiliations are on their own line */ .member .name + .pipe , .member .affiliation + .pipe { display:none; } .affiliation { display:block; } .member + .member { margin-top:.5em; } .contribgroup { display:block; } .issue .label, .issue .title { display:inline; padding:0; } .issue .title:before { content: ". "; color: var(--oranje); } .contribgroup_heading { display: block; } .contribgroup_members { margin-top:0; } } @media screen and (prefers-color-scheme:dark) { :root { --bold : normal; --letter-spacing-when-dark: .025em; } } /* loaded from catalog.css*/ /* Font Styles for John Benjamins Publishing. Catalog content */ :root { font-size: 10.5pt; --main-text: 1.1em; --info:.9em; --box-blue : #215f9a; } video { width:100%; } a:link.list_item_link { font-weight: var(--bold); /* color: var(--oranje);*/ } a:link.list_item_series_link { color: #003399; } img.alt-cover { position:relative !important; } .titlebox-wrapper { float:right; display:flex; flex-direction:column; align-items:end; } .titlebox { display:flex; flex-direction:row-reverse; padding:.5em; padding-left:1em; margin-left:1em; background-color:var(--titlebox-bg); max-width:27em; border:solid 1px light-dark(#ccc, transparent); border-radius:.35em; position:relative; z-index:2; } .titlebox .in { display: inline; margin-right:.3em; font-size:1em; font-style:italic; } .titlebox-image-area { margin-left:.5em; position: relative; } .titlebox .image { width:var(--thumb-width); height:var(--thumb-height); } .titlebox-image-area .image-container * { /* position:absolute;*/ } .get-fulltext { border-radius:.25em; border: solid .2em var(--box-blue); display:inline-grid; grid-template-columns: 1fr auto; grid-template-rows:minmax(20px,auto) 1fr minmax(0,auto); grid-template-areas: "top top" "left right" "bottom bottom" ; } .get-fulltext .downloads svg { /* width: 3em;*/ height:3em; width:3em; } .get-fulltext.from-jbe { grid-template-columns: 7fr minmax(0,4fr); } .get-fulltext .jbe-container { grid-area:right; width:100%; padding-right:.5em; margin:.5em 0; align-self:center; max-width:10em; } .get-fulltext .jbe-container svg { width: 8em; height:6em; &:hover { background-color: var(--pink); border-radius:25%; } } .get-fulltext.multi .jbe-container svg { width: 9em; height:7em; } .get-fulltext .title { grid-area:top; color:#fff; background-color:var(--box-blue); font-weight:var(--bold); text-transform:uppercase; letter-spacing:.15em; padding: 0 .5em; line-height:1.35em; } .get-fulltext .downloads { grid-area:left; background-color: light-dark(white, inherit); padding:.5em; margin: 0 .3em; display:flex; flex-direction:column; gap:.7em; align-self:center; } .get-fulltext .footer { grid-area:bottom; color:white; background-color:var(--box-blue); font-size:.85em; text-transform:uppercase; letter-spacing:.25em; padding-left:1.5em; padding-top:.25em; line-height:1.4em; } .idj, .idjdd, .dd { --thumb-height: var(--thumb-width); --image-height: var(--image-width); --list-image-height: var(--list-image-width); } .idj img , .idjdd img , .dd img { object-fit: cover; object-position: 0 100%; } .titlebox .navigate-articles { clear:both; margin-top:.35em; } .titlebox .navigate-articles a + a { margin-left:.5em; } @media screen and (max-width: 600px) { .titlebox-image-area { display:none; } .titlebox-wrapper { width: 40%; } .titlebox .navigate-articles .text { display:none; } .titlebox + .get-fulltext { display:block; } .titlebox + .get-fulltext .jbe-container { display:none; } } @media screen and (min-width: 1500px) { .titlebox-image-area { position:absolute; right: -22em; top: -1em; } .titlebox { font-size:1.05em; line-height:1.65em; } } @media screen and (min-width: 1650px) { .titlebox-image-area { right: -28em; } } .titleitem a { font-weight: bold; } .titleitem td:first-child { white-space: nowrap; } .new_listitem:first-child { padding-right:1em; } .serieslist { border-collapse:collapse; width:100%; border:none; margin:0; padding:0; } .serieslist th { padding:0.5em; } .serieslist h1 { font-size: 1.15em; margin-bottom:0; } .serieslist td { padding:0.5em; vertical-align:middle; } .row_even { background-color: #fff; } .row_odd { background-color: #eee; } .new_title.row_even, .new_title.row_odd { padding:0.5em; } .bktitle { color: var(--jb-blauw-ld); font-size: 1.5em; padding-top:0; } h1 { padding-top:0; } .bksubtitle1 { font-weight: normal; font-size: 1.2em; color: black; margin-bottom:1em; } .bksubtitle2 { font-weight: normal; color: var(--subtitle2-text); padding-top: 0; padding-bottom: 1.2em;} h2.bksubtitle1 + h3.bksubtitle2 { padding-top:0; margin-bottom:1em; font-weight:bold; } .bkauthor { margin-top: 1em; font-weight: bold; } .extra_editorial { margin-top:.5em; } .extra_description { margin-top:.5em; } .impactfactor { margin-top:.5em; } .indexing { margin-top:.5em; } ul.index-entry-list { margin:0; padding:0; } li.index-entry { list-style-type:none; } span.index-term { padding-right:.5em; } .sampleissue { margin-top:.5em; } .bkcontent .bkauthor, .list_item .bkauthor { margin-top: .25em; font-weight:inherit; } .bksecauthor { margin-top: 1em; font-size: var(--info); font-weight: bold; } .bkaffil { font-size: var(--info); margin-top: .25em; } .bkseries { font-weight: normal; font-size: var(--info); margin-top: 1em; clear:left; } .bkblurb { margin:1em 0; max-width:40em; & .translated-title { font-size:1.2em; margin-bottom:1em; } } .bkcontent .bkblurb { margin-top: .25em; } .bkdetails { margin-bottom:0.7em; margin-top: .25em; font-size:var(--info); } .bkstatus { font-weight: normal; font-size: var(--info); margin-bottom:1em; margin-top: .25em; line-height: 1.5em; } .booktext { margin-top: .5em; font-weight: normal; margin-bottom: 1em; max-width:40em; } .kwic { margin-left:1em; font-size: var(--info); } /*.bkeditions { margin:0em 0; margin-left:1em; clear:left; float:left; padding:1em; }*/ .bkeditions { clear: both; float: right; margin: .66em 0 0 1em; padding: 1em; position: relative; top: 0; font-size: .95em; } .bkruler { border-bottom:1px solid lightgray; line-height: .5em; margin-bottom: 1em; } .pipe { color: #aaa; } .bkeditiontype { font-weight: bold; color: var(--blauw-grijs); } .toc { padding:0; margin:0 } .toc td { width:100%; } .toc td:last-child { white-space:nowrap; } .bkquoteheading { font-weight:bold; font-size: 1em; margin-bottom: .5em; } .bkquote { font-size: 1em; margin-bottom: .5em; line-height:1.5em; max-width:40em; } .bkquotesource { font-style: normal; margin-bottom: 1em; } .bkavailability { font-style: italic; } .new_title h1 { font-size: 1.2em; } .tocartauthors { margin-left:2em; margin-top:.3em; font-size:1.1em; } .tocartauthors .pages { color: light-dark( #666, var(--roze) ); font-weight: var(--bold); } .sectionheader_first { padding-top: 1.5em !important; padding-bottom: .25em !important; margin-bottom: 0em; font-weight: var(--bold); text-transform:uppercase; letter-spacing:.1em; color: light-dark( var(--titelbalkrood), var(--lichtgroen) ); } .sectionheader { padding-top: 1em; padding-bottom: 1px; font-weight: bold; } .article_first { vertical-align: top; padding-top: .66em; background-color: transparent; font-weight:bold; font-size:1.1em; } div.article { vertical-align: top; padding-top: 0em; margin-bottom: .5em; list-style:none; line-height:1.65em; } .article-type, .publication-type { font-size:var(--info); text-transform:uppercase; letter-spacing: .1em; font-weight: var(--bold); color: light-dark( #666, var(--roze) ); } .error { color:#d00; background-color:#eee; border:1px solid black; font-size:.8em; padding:.5em; } .quote { padding:.5em 1em; } button.share-to { background: light-dark( hsl(from var(--action-bg-hover) h s 90 ), hsl(from var(--action-bg-hover) h s 10 ) ); color:CanvasText; display:flex; line-height:2.5em; border:.15em solid var(--action-bg-hover); border-radius:.25em; padding: .5em .75em; margin: 1em 0; float:right; clear:both; font-size:1.1em; &:focus-within { background-color: var(--sortbox-bg); } & svg { height:2.5em; width:2.5em; margin-left:.7em; } } .share-to[popover] { position-area: left; left: anchor(left); overflow:visible; border:none; margin-right:2em; background-color:var(--sortbox-bg); border-radius:.25em; padding:.25em; & div { display:flex; gap:1em; min-height:3em; padding:.5em; & svg { height:2.5em; width:2.5em; } } } .sharebutton { position:relative; z-index:2; } .cit-wrap { & button { border:none; text-decoration: var(--action-bg-hover) underline .12em; background-color:transparent; line-height:inherit; padding-inline:0; border-radius:.25em; cursor: pointer; font-weight: inherit; color: inherit; background-color: inherit; text-transform: initial; letter-spacing: inherit; border-radius: .25em; font-family: inherit; } & span[popover] { max-width:40em; position-area: bottom; left: anchor(left); border-radius:.25em; border:solid .1em var(--jb-blauw-ld); background-color:var(--refbox-bg); margin-left:-.5em; margin-top:.4em; padding:.5em; & .refauth.hidden { display:initial; } & .refauth.hidden+ *::before { display:none; } } } @media screen and (prefers-color-scheme:dark) { .downloads b { font-weight:normal; } } /* loaded from styles_sa.css*/ /* Font Styles for John Benjamins Publishing. */ .bkadd { display:inline-block; margin-left:.5em; margin-top:-.5em; } @media screen and (max-width:600px) { #cart { margin-right:.5em; } } @media screen and (max-width:450px) { #header-content { padding-right:.5em; } #cart svg { height:35px; width:auto; } #cart { margin-right:.25em; } } /* loaded from list.css*/ /* * some styling for lists and list items using grid * added March 2023 */ :root { --list-image-width: calc( var(--image-width) * 5 / 8 ); --list-image-height: calc( var(--image-height) * 5 / 8 ); } @media screen and not (prefers-color-scheme:dark) { h1 { background-color: var(--h1-bg); position:sticky; top:99px; } } .headline-paragraph { margin-bottom:1em; } /* subject list */ .list.subjects .item { line-height:1.8em; } .list a.subject:link, .list a.subject:visited { color: var(--jb-blauw-ld); font-weight:var(--bold); } /* other lists */ .list-item { padding-bottom: 1.75em; display: grid; grid-template-areas: "image text text new" "image code misc ."; grid-template-columns: var(--list-image-width) auto 1fr auto; grid-template-rows: 1fr 1.5em; grid-column-gap:1em; grid-row-gap:1.2em; } .list-item + .list-item { margin-top:1.5em; } .list-container { padding-top:2em; --list-image-width:113px; --list-image-height:150px; transition: all .2s; } .list-container[data-state=closed] { line-height:0; font-size:.1em; visibility:collapse; height:0; } .list-container[data-state=closed] .image-container { transition: all .5s; opacity:0; } .list-container[data-state=open] { } .list-container .list-item { grid-row-gap:.5em; grid-template-rows: auto 1fr; grid-template-areas: "image text text new" "image misc misc misc"; } .list-container .list-item + .list-item { margin-top:0; } .list-item .image-container { grid-area:image; } .list-item .new-container { grid-area:new; } .list-item .code-container { grid-area:code; margin-left:.3em; } .list-item .issn { grid-area:misc; } .list-item .code , .not-web { background-color:#e0e0e0; font-weight:bold; color:#666; display:inline-block; margin:-.15em -.4em; padding:.15em .4em; text-transform:uppercase; letter-spacing:.15em; font-size:.9em; } /* .highlight-type { float:right; margin-left:1em; font-size:1.2em; font-style:italic; font-weight:bold; text-decoration-line:underline; text-decoration-thickness: .25em; text-decoration-color:var(--lichtergroen); color:var(--jb-blauw); } */ .not-web { color:white; background-color:red; } .code + .not-web { margin-left: 1.5em; } .not-web + .subjects { margin-left:1em; } .list-item .text { grid-area:text; } .list-item .details { grid-area:misc; position:static; } .list-item .open-access { /* background-color:var(--box-open-access,#256116);*/ color:var(--open-access-green); display: inline-block; width:max-content; position:relative; text-transform:uppercase; letter-spacing:.1em; font-size:.85em; font-weight:bold; } .list-item .open-access .oa-logo-container { position:static; float:left; & svg { height: 2.2em; width:2em; margin-right:.7em; } } .list-item h2 { color: light-dark( var(--oranje), inherit); padding-top:0; font-size:1.4em; } .list-item h3.subtitle { color: var(--jb-blauw-ld); padding-top:0; font-size:1.2em; } .list-item h3.special-issue-title { color: var(--olijfgroen); } .list-item h3.author { padding-top:.15em; color: var(--authors-text); margin-bottom:.15em; } .list-item h3.title { padding-top:0; font-size:1.2em; } .list-item .short-blurb { line-height:1.65em; margin-top:1em; } .list-item .image { margin: -1em 0 -2em; width: var(--list-image-width); height: var(--list-image-height); } .list-item .image-container .special-image { height: calc( var(--list-image-height) * .9 ); /* margin-left:-.3em;*/ /* width: calc( var(--list-image-width) * .9 );*/ width: auto; filter: drop-shadow(.3em .3em #ddd); } .list-container .list-item .image { margin:0; } .list-container .list-item .image:hover { transform: scale(2) translateX(10%); transition:all .5s ease-in-out; z-index:3; } .list-item .series-info { padding-top: .3em; } .list-item.article .authors { color: light-dark( var(--roodbruin), var(--authors-text) ); font-weight: var(--bold); } .list-item .insource { display: block; padding-top:.3em; } .list-item .insource a { color: var(--jb-blauw-ld); font-weight: var(--bold); } a.series-link:link, a.series-link:visited { color:var(--list-series-blauw); font-weight: var(--bold); } .list-item .subjects { font-style:italic; font-size:.925em; } .list-item .subjects[lang='zh-Hant'] { font-style:normal; } .list-item .subjects .label { font-style: normal; font-weight: var(--bold); color: light-dark(#666, var(--roze) ); } .list-item .subjects a { color: var(--nav-grijs); } /* overrides for book series */ .series-list.series .list-item .image , .list.titles .list-item .image { margin: 0 0 -1.5em; } /* def-list, for glossaries */ .terms { overflow: auto; border:2px solid black; padding:5px; background-color:white; font-size: 10pt; } .def-list.table { display:table; } .def-item.row { display:table-row; } .def-def.cell, .def-term.cell { display:table-cell; padding-bottom:1em; vertical-align:text-top; } .def-term { display:inline-block; min-width:6em; padding-inline-end:.5em; } .def-def { display:inline-block; margin-inline-start:2em; } .def-item { padding-bottom:.5em; } @media screen and (max-width: 750px) { .list-item { grid-column-gap: 1vw; } } @media screen and (max-width: 650px) { .list-container { --list-image-width:75px; --list-image-height:100px; } } @media screen and (min-width: 1150px), @media print { .list .list-item { grid-template-areas: "image text text new" "image code misc ."; } .list-item image { margin: 0 0 -1.4em; } .list-container .list-item .image:hover { transform: scale(2.5) translate(-17.5%, -25%); } } /* loaded from toc.css*/ /* some styles for ToC items */ .articleinfo > div.toc-entry { font-size: 1.1em; line-height:1.8em; } .articleinfo .toc-label { font-weight:bold; padding-right:.5em; } .articleinfo .toc-title { padding-right:1em; } @media screen and (max-width: 32em) { .oa-logo-container , .license , .toc-title , .toc-title-block { position:static; display:inline; } .oa-logo-container svg { padding-right:.7em; } .toc-contributors { display:block; } } /* loaded from layout_sa.css*/ *, *::before, *::after { box-sizing: border-box; } body, div, h1, h2, h3, h4, h5, h6, p, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote, label { margin: 0; padding: 0; border: 0; } body, html { margin:auto; text-align: center; background-color: var(--side-bg); background-image: linear-gradient(90deg, var(--side-bg-gradient-color) 0%, var(--side-bg) 50%, var(--side-bg-gradient-color) 100%); } body { /* height: 100vh; height: calc(100vh - 125px); */ } p { margin-top: .5em; } main { background-color: var(--main-bg); padding: 3em; display: block; margin:auto; margin-bottom:22px; margin-top:97px; width:100%; height:auto; min-height: calc(100vh - 120px); max-width:1000px; z-index:-1; vertical-align:top; text-align:left; } details { margin-bottom:2em; } details::details-content , details:not([open])::details-content { opacity: 0; font-size:0; line-height:.1em; transition: all 600ms, content-visibility 600ms allow-discrete; } details[open]::details-content { opacity: 1; font-size:1em; line-height:inherit; } #welcome-left { vertical-align:top; padding-right:1em; max-width:50%; display:inline-block; --image-height:300px; --image-width:225px; } #welcome-right { min-width:20%; max-width:50%; vertical-align:top; padding-left:3em; display:inline-block; } .selcontent img { width:calc(var(--image-width) / 2); height:calc(var(--image-height) / 2); } .bottom_embed { display:inline; } #footer-content img , #footer-content svg { vertical-align:text-bottom; height:17px !important; width:17px !important; border:0; } header { width: 100%; background-color:#253776; fill:#fff; position:fixed; top:0px; height:65px; z-index:999; transition:all .5s; } footer { position: fixed; bottom: 0; width: 100%; text-align: center; background-color: var(--nav-bg); line-height:1.8em; padding:.15em; z-index:3; } footer svg .fill-blue { fill:#0072b1; } footer svg .fill-white { fill:white; } .follow-button { display:inline-block; height: 15px; width: 15px; padding:0; margin:0; position:relative; bottom:-.25em; } footer svg.linkedin-logo { margin:-8px; } .metrics { padding: 0; clear: both; float: right; margin: .66em 0em 0em 1em; padding: 1em; position: relative; top: 0; max-width: 25em; text-align:left; background-color:var(--metrics-bg); border-radius:.25em; & :first-child { padding-top:0; } } .metrics a:link, .metrics a:visited { color: var(--metrics-link-text); } .obituary-notice { border: black 3px solid; padding: 1em; } .bullet::after { color: #253776; content: " • "; font-size:.9em; } .logo_new-container { width: 65px; height:48px; float:right; margin-right:-1em; margin-top:-1em; } .logo_new { width: 65px; height:48px; } .jb-logo-text, .jb-logo-image { display:inline-block; padding-top:.3em; vertical-align:top; } .jb-logo-image svg { display:inline; height:37px; width:auto; } .jb-logo-text svg { height:35px; width:auto; } .jb-logo-text { fill:white; } #header-content { padding:1em; height:65px; max-width:1000px; margin: 0 auto; text-align:left; vertical-align: middle; position:relative; } .hamburger { width:36px; height:36px; z-index:1000; display:none; float:left; } #search-container , #search-container svg { height: 48px; width: 48px; float: right; } #search-svg path { fill:#a8d5ba; } .new-search { float:right; position:relative; z-index:10; } #cart { float:right; padding-right:1em; position:relative; } #cart-svg { stroke:white; } #cartcount { position:absolute; right:.35em; } #cartcount text { color:white; fill:white; } a.filterbox { display:inline-block; margin-right:10px; padding:2px 4px; background-color:lavender; border: solid 1px olive; -moz-border-radius: 3px; color:olive; } .filtergroup { max-width:450px; display:inline-block; padding-right:1.5em; } .filtergroup.text { display:block; } .filtergroup.text input { width:15em; } .filtergroup.subjects { } .filtergroup.dates { width:12em; } .filtergroup label { text-transform:uppercase; font-size:.85em; letter-spacing:.15em; font-weight:bold; } .filtergroup select { width:100%; font-family:'Noto Sans', serif; height:auto; max-height:25%; } .filtergroup option { height:1.8em; } .filtergroup option, .filtergroup optgroup { padding-left:.5em; } .svg-menu-toggle { fill: #a8d5ba; height:22px; width:32px; } input, select { line-height:1.5em; padding-left:.5em; } input, textarea { border: solid 1px #ccc; font-weight: normal; color:CanvasText; } input[type=submit], button { font-weight: var(--bold); color: white; background-color: light-dark( var(--jb-blauw), var(--donkergroen) ); text-transform: uppercase; letter-spacing: .1em; border:none; border-radius:.25em; cursor: pointer; font-family:inherit; } button:hover { background-color: var(--action-bg-hover); } button.copy-button { background-color:transparent; } input[type=submit]:disabled{ font-weight: bold; color: #cbcbcb; background-color: white; text-transform: uppercase; letter-spacing: .1em; border:solid .07em #cbcbcb; border-radius:.25em; cursor: pointer; font-family:inherit; } button.oasis { color: white; background-color: #0099ff; border-color: #0099ff; } a + a button.oasis { margin-left:1em; } input[type=submit] { padding: 0 .4em .1em .5em; } .toc button { background-color:white; color:var(--oranje); margin-left:.5em; border:solid 1px var(--oranje); } button.buy-now { /* padding: .25em .4em .1em .5em;*/ text-transform: uppercase; letter-spacing: .1em; font-size:.9em; font-weight: var(--bold); color: white; background-color: var(--donkergroen); border: none; border-radius:.25em; min-width:10em; } button.filter, button.sort, button.letter { padding: 0 .25em .1em .5em; background-color: #eee; border:1px solid #aaa; margin-right:.8em; margin-bottom:1em; } button.filter, button.sort { color: black; text-transform:inherit; font-weight:normal; font-size:1.1em; letter-spacing:0; text-align:left; } button.letter { color:var(--nav-grijs); } button.active { background-color:white; color:#253776; border:1px solid #ff9900; } button.reset { background-color:#a7a4e0; color:white; border:1px solid #a7a4e0; } button.copy-button { border:none; } button.copy-button svg { display:inline; width: 1.25em; height: 1.75em; margin-left:.5em; position:relative; top:.2em; } #copy-icon { fill: #abc; } button.copy-button:hover { fill:#def; } #toast { position:fixed; color:var(--nav-lichtblauw); display:inline-block; margin-left:1em; } .filter:hover, .sort:hover, .letter:hover { color:white; background-color:#bbb; text-decoration:none; } button.filter:hover, button.sort:hover, button.letter:hover { border:1px solid #bbb; } a.sort:hover { background:none; } .buy-now:before, button.tab:before { content:"► "; } .buy-now a:link, .buy-now a:visited { color: white; } a:hover button.buy-now { background-color:var(--action-bg-hover); } .journalpricing th { min-width:7em; font-size:.95em; text-align:left; } .journalpricing td { font-size: .9em; } form { max-width:1000px; margin:auto; margin-top:1em; } form[action="exam_copy.cgi"] input, form[action="exam_copy.cgi"] option, form[action="exam_copy.cgi"] select { line-height:2em; min-height:2em; } /* SEARCH form */ form[name="frmsearch"] .field { display:inline-block; margin:.5em; margin-left:1em; } form[name="frmsearch"] label { display:inline-block; width: auto; } form[name="frmsearch"] input[type=checkbox] { /* visibility:collapse;*/ appearance: button; accent-color: red; } form[name="frmsearch"] input + label { border-radius: .5em; padding: 0em .5em; padding-left:2em; margin-left:-1.5em; font-weight:var(--bold); line-height:2em; } form[name="frmsearch"] input:not(:checked) + label { color:#aaa; } form[name="frmsearch"] input:checked + label { background-color: rgb( from var(--h2-tab-bg) r g b /.5); } form[name="frmsearch"] summary { font-style:italic; font-size:1.1em; padding-top:.5em; } input[type=submit] { font-size:1.2em; padding:.35em .5em; } input[type=submit]:hover { background-color:var(--action-bg-hover); } input[type=submit]:focus-within { color:white; background-color:var(--oranje); outline: solid .15em black; } input.search-bar { border:none; border-radius:.25em; font-size: 1.2em; line-height:1.6em; padding:.25em .5em; margin-right:1em; margin-bottom:.5em; width:70vw; max-width:800px; background-color: var(--searchbox-bg); } input.search-bar:focus-within { outline: solid .07em var(--oranje); } input.search-bar::placeholder { font-style:italic; } /*input[name="q"]:focus { -webkit-box-shadow: none; box-shadow: none; border: 0; border-bottom: solid 3px #ccc; background-color: #fff; outline: none; }*/ button.tab { margin:1em 0 1.5em; background-color:#e9e9e9; font-size: .95em; font-weight: var(--bold); text-transform: uppercase; letter-spacing: 1.5px; color: #253776; padding:.25em .65em .25em .65em; border:none; } div.tab { margin:1.5em 0; } button.tab:before { content:""; /* content:"▶ ";*/ } .tab > a:link, .tab > a:visited { color: var(--jb-blauw); } a.button:hover { text-decoration:none; } fieldset { border: 2px solid var(--fieldset-border); padding:1em; background-color:var(--fieldset-bg); line-height:2.5em; } fieldset.filterbox { padding: .25em 0 .5em 1em; } legend { font-weight: bold; font-size:1.1em; color:var(--jb-blauw-ld); } .svg-menu-toggle { fill: #fff; pointer-events: all; cursor: pointer; } .svg-menu-toggle .bar { -webkit-transform: rotate(0) translateY(0) translateX(0); transform: rotate(0) translateY(0) translateX(0); opacity: 1; -webkit-transform-origin: 20px 10px; transform-origin: 20px 10px; -webkit-transition: -webkit-transform 0.4s ease-in-out, opacity 0.2s ease-in-out; transition: transform 0.4s ease-in-out, opacity 0.2s ease-in-out; } .svg-menu-toggle .bar:nth-of-type(1) { -webkit-transform-origin: 20px 10px; transform-origin: 20px 10px; } .svg-menu-toggle .bar:nth-of-type(3) { -webkit-transform-origin: 20px 20px; transform-origin: 20px 20px; } input[type=checkbox]:checked ~ header .svg-menu-toggle .bar:nth-of-type(1) { -webkit-transform: rotate(-45deg) translateY(0) translateX(0); transform: rotate(-45deg) translateY(0) translateX(0); } input[type=checkbox]:checked ~ header .svg-menu-toggle .bar:nth-of-type(2) { opacity: 0; } input[type=checkbox]:checked ~ header .svg-menu-toggle .bar:nth-of-type(3) { -webkit-transform: rotate(45deg) translateY(0em) translateX(0em); transform: rotate(45deg) translateY(0em) translateX(0em); } input[type=checkbox]:checked ~ main { top: 200px; } .logo-container { margin-left:0; display:inline-block; height:39px; } .logo { height:100%; width:100%; } .logo svg { fill:Canvas; } path.logo-char, .logo-text { fill:Canvas; } .newsletter-container { height:600px !important; } .imageContainer, .coverimage { float: right; height: var(--image-height); margin: auto; padding: 0; width: var(--image-width); position:relative; top:-.35em; right:-1em; z-index:2; } main.series .coverimage.paperback { right:-2em; margin-bottom:-1.3em; object-fit:cover; overflow:hidden; } main.series .coverimage.hardbound { right:-1.6em; margin-bottom:-1em; object-fit:cover; overflow:hidden; } .imageContainer * { position:absolute; } .imageContainer .multi { animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-duration: 10s; animation-direction: alternate; } .imageContainer > .image-container > .special-image { width:calc(var(--detail-image-width) * .85); height:calc(var(--detail-image-height) * .85); } .image-container .special-image { width:calc(var(--thumb-width) * .85); background-color:white; } /* apply a border to series with a white */ .special-image.dia , .special-image.gest , .special-image.hl , .special-image.idj , .special-image.dujal , .special-image.jul { border: solid .1em var(--jb-blauw); } @keyframes fade { 0% { opacity: 1; } 40% { opacity: 1; } 60% { opacity: 0; } 100% { opacity: 0; } } @keyframes reverse-fade { 0% { opacity: 0; } 40% { opacity: 0; } 60% { opacity: 1; } 100% { opacity: 1; } } .imageContainer .multi:first-child { animation-name:fade; } .imageContainer .multi:last-child { animation-name:reverse-fade; } .imageArea { float: right; margin-bottom: 1em; margin-left: 1em; width: var(--image-width); height:var(--image-height); position:relative; } /* .teammember { display:inline-block; margin-right:1.5em; } .photoname { margin-bottom: .75em; } */ .photocontainer { margin:1rem; padding:1rem; width:10rem; height:auto; overflow:visible; display:inline-block; float:none; } .photocontainer figcaption { display:inline-block; width:inherit; text-align:center; } audio, main > figure { display:block; margin:1em 0; } main > figure figcaption { font-weight:bold; font-size:1.1em; } audio ~ div { margin-top:1em; } .teamwrapper { margin-left:auto; margin-top:1rem; width:auto; height:auto; display: flex; flex-wrap: wrap; } .team-photo { width:10rem; height:10rem; } .bkeditions { margin: 1em; margin-top:3em; padding: 0; clear:both; float: right; z-index:2; } .bkisbninfo { display: block; clear:inherit; padding-top:.5em; letter-spacing:.05em; } .bkordering { display:inline-block; margin-left:1em; } .bkblurb, .booktext { line-height: 1.65em; } .list_item .bkblurb { font-size:.95em; } .bkcontent .bkblurb { font-size: 0.9em; margin-top: 0.25em; } .bkissue { font-size: .95em; font-weight: bold; color:#253776; } .bkimage, .bookimage3d { float: right; width: 113px; height: 150px; margin: 0em -.5em .75em 1em; } .bkruler { clear:both; margin-top:.5em; margin-bottom:1.1em; } img { font-size: .75em; } picture img { height: var(--detail-image-height); width: var(--detail-image-width); } .imageArea { height: var(--detail-image-height); width: var(--detail-image-width); } .imageContainer { height: var(--detail-image-height); width: var(--detail-image-width); } .bookimage3dlist { float: right; width: var(--list-image-width); height: var(--list-image-height); margin: -1.6em -2.95em -2.8em.5em; } .bookimage3ditem { float: right; height: var(--image-height); width: var(--image-width); } .claro .dojoxLightbox { background:transparent; border:none !important; } .claro .dojoxLightboxContainer { background:transparent; } .claro .dijitDialog { box-shadow:none; } .claro .dijitDialogUnderlay { background:#00000f; } .claro .dojoxLightboxFooter { background-color: #bbbbbb; border: 6px solid #bbbbbb; border-radius: 4px; color: #ffffff; font-size: 0.9em; margin-top: 8px; padding-bottom: 5px; } .claro .dojoxLightboxText { } .listpage { background-color:#fafafa; } .titlelist, .serieslist { width: 100%; } .list_item:nth-child(odd),.quote:nth-child(odd) { margin-right: 1.25em; } .list_heading { font-weight: bold; padding-bottom: 0.7em; } .list_container { padding-bottom: 1em; } .list_item, .quote { vertical-align: top; width: 48%; min-height: 125px; display: inline-block; padding:1em; padding-bottom: .5em; border: 1px; border-style:solid; border-color:#dadada; background-color:#fff; box-shadow: 0px 0px 9px rgba(0,0,0,0.15); border-radius: .25em; vertical-align:top; text-align:left; font-size:1.1em; position:relative; margin-bottom: 2vh; margin-right: .5vw; } .list_item { padding-bottom:1.75em; /* to make room for codes to the left */ & .single { /* This was not properly scoped; assuming the currently set scope */ position: static; width:95%; min-height:auto; display:block; padding-top:.5em; } } .list_item h1, main > h1:first-child { padding-top:0; line-height:1.25em; } .line { position: relative; width:95%; min-height:initial; display:block; border:none; border-bottom: solid 1px #ddd; border-radius:0; box-shadow:none; padding-left:0; margin-bottom: inherit; } .list_item_series_link:visited { color:#003399; } .list_item .bkcontent .authors { color:#253776; font-weight:bold; } .list_item .bkcontent .insource { display:block; } .new_series { background-color:#993300; font-weight:bold; color:#fff; padding:.3em; } .toc a, a.keyword { font-weight:var(--bold); } .keywords { margin-top:1em; } .keywords .label { font-weight: var(--bold); padding-right: .5em; } /* article outline */ details.toc > ul { text-indent: -1.2em; padding-inline-start: 1.2em; } details.toc ul ul { margin-inline-start: 0; text-indent: -2em; padding-inline-start: 2em; } details.toc li { display: list-item; margin-inline-start: 0; padding: 0; line-height: 2em; list-style-type: none; } details.toc .heading-label { font-weight: bold; font-style: normal; padding-inline-end: 0.5em; color: var(--jb-blauw-ld); font-size: .95em; } /* section copied in from online.benjamins.com/article.css */ .toc-contrib { font-weight: normal; color: var(--authors-text); } .toc-title > .article-title { font-weight: var(--bold); } .toc-title.toc-review { font-weight:normal; } .toc-title .refsource { font-weight:bold; font-style:normal; } .product .refsource,.product .trans-source, h1.title .target-title { font-weight:normal; font-style:normal; } .refsource:link, .refsource:visited { color: var(--refsource-link); } .refsource.journal:link, .refsource.journal:visited { color:var(--jb-blauw-ld); font-style:normal; } .product .details { font-size: .75em; line-height:normal; margin-top:.5em; } .isbn { white-space:nowrap; } .product-authors, .target-authors { clear:both; } h1 .target-doi { display:block; font-size: .8em; } .toc_issue { font-weight: normal; color:var(--jb-blauw-ld); } .toc-contributors { margin-left:2em; padding-right:.5em; } .toc-contributors:hover { underline:none; } .toc_trans, .footer_trans { display:inline-block; margin-left:.5em; } .toc_trans { color: #009bc1; } .toc-label { margin-top:.5em; } .translatedinto, .translatedby { font-weight:bold; } ul.articles, ul.clean { padding-left:0; list-style-type:none; } ul.articles li.article { list-style:none; padding-bottom:.65em; } .article.commentary .toc-contrib { font-style:italic; } h1 .article-type, h1 .chapter-label { font-size:.7em; font-weight:bold; color:var(--article-type-text); text-transform: uppercase; letter-spacing:.07em; } ul.articles .article-type, ul.articles .chapter-label { margin-top:1em; color: light-dark( var(--titelbalkrood), var(--lichtgroen) ); font-size:1.1em; font-weight:var(--bold); margin-bottom:.5em; } div.toc { color: #555; margin: 4% 6.5%; font-size: 10pt; } ul.nomarker, ul.contribgroup_members, ul.simple { list-style-type:none; padding-left:0; margin-left:2em; text-indent:-2em; /* removed on 19 dec 2016 as this was causing problems with "missing" text in list-items -jf overflow-x:auto; */ } ul.nomarker { margin-left:0em; text-indent:0em; } ul.example { list-style-type:none; padding-left:0; margin-left:3em; } ul ul.bullet li { list-style-type:disc; padding-left:0; margin-left:0em; text-indent:0; } ul.nomarker li, .nomarker li { list-style-type:none; padding-left:0; margin-left:0em; text-indent:0; } /* end section */ div.quotes { margin-top:1em; } .quote { line-height:1.5em; border-color:#a8d5ba; background-color:var(--quotebox-bg); } .quotesource { padding-top:.25em; text-align:right; } .quotesource:before { content: "—"; } /* tbv Kudos */ .kudos-widget ul li { max-width:initial; list-style:none; } .kudos-widget .kudos-widget-article, .kudos-widget .kudos-widget-article .kudos-box { font-family:inherit !important; color: CanvasText !important; background-color: light-dark(#def, hsl(from var(--kudos-blue) h s 10) ) !important; } .kudos-widget .kudos-widget-article h1.kudos-article-title { display:none; } .kudos-widget .kudos-widget-article *:nth-child(2) { clear:both; } .kudos-widget .kudos-widget-article .kudos-box h3 { padding-top:1em; font-style:italic; } .kudos-widget .kudos-widget-article .kudos-box p { padding-bottom:1em; text-align:left; font-size: .9rem !important; line-height:1.5rem !important; } .kudos-widget .kudos-widget-article .with-bottom-small-margin { line-height:1.5rem !important; } .kudos-widget .kudos-widget-article .inline-block, .kudos-widget .kudos-widget-article ul.inline-list-commas > li { line-height: 1.5em; } h2,h3,h4 { padding-top: 1.66em; padding-bottom: .33em; } h1 { font-size: 1.5em; color: var(--h1-text); font-weight: var(--bold); line-height:1.5em; padding-bottom:.5em; } h4.special-issue-title { padding-top:.5em; } .serieslist .subtitle, .bktitle .subtitle { font-size:.9em; color: var(--jb-blauw-ld); padding-top: .15em; } .title .subtitle { font-weight:normal; } .serieslist .bkauthor { margin-top: 0; margin-bottom: .5em; } .seriesrow { min-height: 110px; margin-bottom: 1em; padding-left:1em; } .seriescol { display: table-column; } .list_seriescode, .list_titlecode { position: absolute; bottom: 0; left: 1.25em; background-color:#e9e9e9; font-size: .8em; font-weight: bold; text-transform: uppercase; letter-spacing: 1.5px; color: var(--nav-grijs); padding:0 .5em; } .list_mainsubject { padding-top:1em; font-size:1.1em; line-height: 1.7em; } .list_mainsubject heading { font-weight: bold; } .list_subject { line-height:2em; } .seriestype-label { text-transform:capitalize; color:var(--nav-grijs); } .seriestype-label::after { content:" ► "; color:#888; } h2.bksubtitle1 { color: var(--h2-text); font-weight: var(--bold); margin-bottom:.66em; padding-top:0; line-height:1.5em; } h2.tab, summary.tab { margin:1em -.65em .5em 0; background-color:var(--h2-tab-bg); font-size: .95em; font-weight: var(--bold); text-transform: uppercase; letter-spacing: 1.5px; color: var(--h2-tab-text); padding:.25em .65em .25em .65em; /* clear: right;*/ /* display: list-item;*/ width: max-content; cursor: pointer; } h2.tab.media { display: inline-block; margin-right: 1em; } button.tab { display:block; background-color: #253776; color:white; } h2.tab:hover, summary.tab:hover, button.tab:hover { background-color: var(--tab-summary-bg-hover); color:white; } .tab.nohover { cursor:default; } .tab.nohover:hover { background-color:#e9e9e9; color:inherit; } .fulldescription::before { content:" ► full description"; white-space: nowrap; } ul.nomarker, ul.contribgroup_members { list-style-type:none; padding-left:0; margin-left:2em; text-indent:-2em; } ul.contribgroup_members li { list-style:none; } .contribgroup_members .affiliation { color: var(--contrib-affiliation); } ol { padding-left: 2.5em; } .subjects { padding-top:.5em; } .subjects th.left { text-align:left; } .subjectgroup { padding: .5em 0; } .subjectgroup h4 { padding-top:0; } .subjectgroup div { padding-bottom:.5em; margin-left:.5em; } .subjectgroup div:before { content: "► "; } .server-name { float:right; color:#ddd; display:none; } .server-name:hover { color:#333; } .nowrap { white-space:nowrap; } .form-constraint { max-width:45em; } .form-textarea-constrained { width:100%; max-width:45em; } label.form-label-top { display:block; line-height:1.5em; margin-top:1em; } .form-button-panel { text-align:right; } .form-hint { margin:1em 0; font-size:90%; line-height:1.8em; } .radiogroup { margin-bottom: 1em; } .alert { background-color: var(--alertbox-bg); padding: 1em; padding-left:5em; position:relative; max-width:50em; clear:left; } .alert:before { content: "⚠"; font-size:3em; position:absolute; left:1rem; } .alert a { font-weight:bold; } object.embedded-pdf { height:100%; width:100%; display:flex; min-height: calc(100vh - 285px); margin-bottom:1em; } .index-heading { font-weight:bold; color:#253776; margin-top:1.5em; } .resultlist { background-color:white; display:flex; flex-direction:row; flex-wrap:wrap; } .resultlist p { float:left; width:25%; padding-right:1em; padding-left:1em; text-indent:-1em; } #persons-resultlist { font-weight:bold; } .license { margin-top:1em; position:relative; font-size:.9rem; } .cc-logo { border:none; background:transparent; padding:0; &:hover { --cc-bg:var(--action-bg-hover); } & svg { height: 42px; width:120px; } } .oa-text-container[popover] { position-area: bottom; left: anchor(left); border:solid .2em var(--jb-blauw-ld); border-radius:.25em; margin-top:.5em; background-color:var(--titlebox-bg); padding:.5em 1em; line-height:1.5em; } .oa-logo-container , .jbe-logo-container { display:inline; position:absolute; left:-1.85rem; } .oa-logo-container { left:-2.3rem; } .jbe-logo-container svg { width: 2em; height:1.2em; } /* generalized solution */ .hanging-logo-container { display:inline; position:relative; } .hanging-logo-container svg { position:absolute; left:-2rem; top:-.2rem; } .license.webfile .oa-logo-container { left: -2.75em; top: 0.4em; } .license.webfile .oa-logo-container svg { height: 1.75em; } .jbe-logo-container { left: -2.25em; top: .1em; } .oa-logo-container svg { height:2rem; width:2rem; margin-right:1rem; } .fulltext-link { white-space:nowrap; } .fulltext.download > a { display:inline-flex; align-items:center; padding:.5em 1em; border-radius:.25em; &:hover { background-color: var(--pink); } } .media-box { background-color: #fe0; padding: 1em; } .media-container, .media-text { display:inline; } .media-container, .media-text { display:inline; } .media-container { position:relative; padding-right:.5em; } .article .media-container { float:left; } .media-container svg { width:15px; height:15px; } .media-box .media-container svg { position:relative; top:-1px; } .article .media-container svg { position:absolute; left:-1.5em; top:.5em; } #media-svg-container path { fill:#253776 !important; } #article-footer #media-svg-container path { fill:white !important; } #media-svg-container path { fill:#253776 !important; } #article-footer #media-svg-container path { fill:white !important; } .boxed-text.media-box { border:.5pt solid #253776; border-radius:0; padding:.1em 0 .1em .5em; margin:1em 0; background-color:#fff; } .media-container, .media-text { display:inline; } .media-container { position:relative; } .toc-entry .media-container { position:absolute; float:left; display:run-in; padding-right:.5em; } .toc-entry .media-container svg { position:relative; left:-4mm; } .media-container svg { width:15px; height:15px; } .boxed-text .media-container { top:0.275em; padding-right:.5em; } .crossref-logo-container , .doi-logo-container , .google-scholar-logo-container { position:relative; top:.4em; } .doi-logo-container > img { margin-top:-.1em; height:2em; } .doi-logo-container > svg { padding-left: .1em; height: 1.15em; width: 1.5em; transform: scale(1.25) translateY(-.1em); } .google-scholar-logo-container svg { height:1.2em; width:1.2em; transform: scale(1.25) translateY(-.1em) } .backlinks { display:inline; } .printed td { padding-right: 1em; } #references p , #references .reference { font-size:1.1em; } .nowrap { white-space:nowrap; } body > logos, body > svg-set { display:none; } @media screen and (max-width: 900px) { :root { --font-size:10pt; } #welcome-left, #welcome-right { float:none; max-width:100%; padding-left: 0; } .resultlist p { width:25%; } .list_item, .quote { width: 100%; max-width: inherit; clear:both; /* display:block;*/ margin: 1vh 0; position: relative; } h1 .title-logo { width: 10em; } } @media screen and (max-width: 750px) { :root { --image-width: 150px; --image-height: 200px; --list-image-width: calc(var(--image-width) * 3 / 4); --list-image-height: calc(var(--image-height) * 3 / 4); --font-size:9.5pt; } main.series .coverimage { right:-1em; } h1 { top:65px; } h1 .title-logo { width: 4em; } .list-item { min-height:120px; } .metrics { width:50%; } .bottom_embed { display: inline-block; } .top_embed { display:none; } main { margin-top:65px; padding:2vw; } .reference { margin-left: 3.25em; text-indent: -3.25em; } .refrole { min-width:inherit; padding-left:0; } .refrole + .space { width:0; } .ref-insource, .ref-series { display:inline-block; text-indent:0; } .resultlist p { width:33%; } /* a.doilink { visibility:collapse; font-size:.1em; } a.doilink::before { visibility:visible; content:"CrossRef"; font-size:10em; } */ .crossref-logo-container { display:none; } .bookimage3dlist { margin: -1.45em -2.45em -2.55em .5em; } .oa-logo-container , .jbe-logo-container { position:static; padding-right:.5em; } } @media screen and (max-width: 700px) { #top { padding-top: 1em; } .bkeditions { width:100%; display: block; padding: 0; float: none; clear: left; margin-left:0; } .bkruler { max-width: 22em; } } @media screen and (max-width: 32em) { :root { --image-width: 113px; --image-height: 150px; } h1 { top:0; } h1 .title-logo { width: 2em; } .jb-logo-image { display:none; } #cart { padding-right:.5em; } main { padding: 1em; } .selcontent img { width: var(--list-item-width); height: var(--list-item-height); } .oa-text-container { display:inline; } .jbe-logo-container { position:static; padding-right:.5em; } .hanging-logo-container { position:static; } .hanging-logo-container img { position:relative; top:.5rem; left:-.35rem; } .hanging-logo-container +.doi-label { display:none } #top { padding-top: 0; } #top_embed { max-width: 65px; padding:0; padding-left:.5em; } header { position:absolute; } footer { /* position:static;*/ } .resultlist p { width:50%; } .filtergroup select { height:inherit; } } @media screen and (max-width: 360px) { .jb-logo-text svg { height:30px; } .jb-logo-text { padding-top:.5em; } #cart { padding-right:.25em; } .bookimage3dlist, .bkimage, .bookimage3d { height:100px; width:75px; } .bookimage3dlist { margin: -.5em -.75em -.5em .5em; } .resultlist p { float:none; width:100%; } } @media screen and (max-width: 335px) { #header-content { padding-right:.5em; } #cart { padding-right:0; } } @media screen and (max-height: 400px) { header { position:absolute; } footer { position: static; } .serieslist { line-height: 1.2em; } main { padding: 5px; padding-left:10px; margin-bottom:0; } } @media screen and (min-width: 800px) { #welcome-left { margin-left:2em; } } @media screen and (min-width: 900px) { :root { --detail-image-width: 300px; --detail-image-height: 480px; } .flat { --detail-image-height: 400px; } .imageArea { margin-bottom:-3em; } } @media screen and (min-width: 1000px) { /* scroll bar does not push the center to the left */ main, #header-content { margin-left: calc(-500px + 50vw); } } @media screen and (min-width: 1150px) { :root { --image-width: 300px; --image-height: 400px; --detail-image-width: 400px; --detail-image-height: 640px; } .flat { --detail-image-height: 533px; } .imageArea { margin-left:-1em; } .imageContainer { right:-3em; height:auto; } main.series .coverimage.paperback { right:-3em; } main.series .coverimage.hardbound { right:-2.2em; } .server-name { display:inline; } .bookimage3dlist { margin:-1.8em -3.6em -3.15em .5em; } } @media screen and (min-width: 1500px) { :root { --thumb-height:var(--image-height); --thumb-width: var(--image-width) ; } .page.quotes { position:absolute; left: calc( 1050px + (99vw - 1050px) / 2 ); top:100px; margin-top:0; } .quote { width: 95%; } .quote:nth-child(odd), .quote { margin-right:0; } button.filter { font-size:1em; } .kudos-article-widget { position:absolute; left:0; width:calc(50vw - 500px); top:65px; min-height:100vh; } .kudos-widget .kudos-widget-article { border: solid 1px light-dark(#d1d1d1, var(--kudos-blue) ) !important; padding-left:15px !important; padding-right:70px !important; padding-top:2px !important; min-height: calc(100vh - 65px); } .kudos-widget .kudos-widget-article .kudos-widget-intro-and-logo { height:15px !important; } .kudos-widget .kudos-widget-article .kudos-widget-article-logo-img { margin-left:15px!important; background-color:light-dark(transparent, var(--kudos-blue) ); box-sizing:content-box; padding:1em; height:35px; } .kudos-widget .kudos-widget-article .kudos-widget-article-readmore-btn-container { text-align:left!important; } } @media screen and (min-width: 1650px) { :root { --thumb-height:var(--image-height); --thumb-width:var(--image-width); } div.filterbox { position:fixed; width: calc((100vw - 1000px) / 2); max-width:300px; right: calc( 100vw - ((100vw - 1000px) / 2)); top:100px; padding:.5em; } .persons div.filterbox { position:initial; } button.filter { display:block; } button.sort { display:inherit; } #sorting-buttons-area { float:right; } } @media screen and (max-width: 1649px) { div.before-filters ~ div.filterbox #filtering-area { display:none; } } @media print { nav, header, footer, .filterbox { display:none; } main { margin:0; } details { page-break-inside:avoid; } img.coverimage { position:relative; top:-1.5em; } } /* Chrome, Safari, Opera */ @-webkit-keyframes comein { from {opacity:0;} to {opacity:1;} } /* Standard syntax */ @keyframes comein { from {opacity:0;} to {opacity:1;} } @media screen and (min-width: 900px) and (prefers-color-scheme:dark) { :root { --detail-image-width: 450px; --detail-image-height: 600px; } } /* loaded from menu.css*/ /* style file for navigation menus */ /* not sure this trigger is still in use */ input#nav-trigger { display: none; } input#nav-trigger:checked ~ header nav { display: block; margin-left:0; } /* main navigation wrapper */ nav { position:absolute; top:65px; left:0; width:100%; max-width:1000px; color: white; z-index:999; } nav ul { display:flex; flex-direction:row; flex-wrap:wrap; align-content:space-between; justify-content:space-around; font-size: 1.2rem; box-shadow: 0px 0px 9px rgba(0,0,0,0.15); list-style: none; position: relative; background-color:var(--nav-bg); margin: 0; padding: 0; border: 0; } nav button { border: none; color: var(--nav-text); background-color:transparent; font:inherit; text-transform: none; letter-spacing:inherit; padding:0; text-align:inherit; } span.menu-logo { position:relative; top:.3em; left:.7em; } li.menu-logo { min-width:1em; } .menu-logo svg path { fill: var(--home-fill); } nav ul li.menu-logo:hover { --nav-hover-gradient-start:#ddd; --nav-hover-gradient-end:#ddd; --home-fill:light-dark( var(--oranje), var(--jb-blauw-dark) ); background:inherit !important; } nav > ul > li > button { display: block; padding: .25em 1vw; border-radius:var(--border-radius-top-only); color: var(--nav-text); text-decoration: none; } nav:not(:has(:focus)) ul li:hover , nav ul li:has(:focus) , nav ul li:has(:focus-visible) { /* background: linear-gradient(top, var(--nav-hover-gradient-start) 0%, var(--nav-hover-gradient-end) 40%); background: -moz-linear-gradient(top, var(--nav-hover-gradient-start) 0%, var(--nav-hover-gradient-end) 40%); background: -webkit-linear-gradient(top, var(--nav-hover-gradient-start) 0%, var(--nav-hover-gradient-end) 40%); */ background-color: var(--nav-hover-bg); border-radius: var(--border-radius-top-only); } nav ul li, nav ul li li { list-style: none; margin:0; border-bottom: solid 1px transparent; } nav:not(:has(:focus)) ul li:hover > ul , nav ul li:focus > ul , nav ul li:focus-visible > ul , nav ul li:focus-within > ul , nav ul li:has(:focus-visible) > ul { display: flex; flex-grow:1; -webkit-animation-name: comein; -webkit-animation-duration:.5s; animation-name: comein; animation-duration:.5s; } nav ul:after { content: ""; clear: both; display: block; } nav ul ul { background: #7c2529; border-radius: 0px; padding: 0; position: absolute; top: 100%; max-width: 15em; display: none; flex-direction:column; flex-grow: 1; } nav ul ul li { float: none; border-bottom: .1em solid var(--nav-item-border-bottom); position: relative; width:100%; } nav ul ul li a:link , nav ul ul li button { padding: 10px 1rem; color: #fff; font-weight:var(--bold); width:100%; line-height:1.5rem; display:inline-block; } nav ul ul li a:hover , nav ul ul li :focus , nav ul ul li :focus-visible { background: var(--nav-lichtblauw); } nav ul ul ul { display:none; position: absolute; left: 100%; top:0; min-width:200px; background-color:var(--nav-groen); } nav ul ul ul li { background-color:var(--nav-ul3-li-bg); } nav ul ul ul li:hover a , nav ul ul ul li:has(:focus) a , nav ul ul ul li:has(:focus-visible) a { background-color:var(--nav-ul3-li-bg-hov); color: black; } nav a.nolink { text-decoration:none; background-color:inherit; } nav li a:link , nav li button , footer a:link { color: var(--nav-text); font-weight:normal; } footer .pipe { color: #888; } nav ul li:hover a , nav:not(:has(:focus)) ul li:hover button , nav ul li button:focus , nav ul li button:has(:focus) , nav ul li:focus-within a , nav ul li:focus-within button , nav ul li button:focus-visible , nav ul li button:has(:focus-visible) , nav ul li:has(:focus-visible) a , nav ul li:has(:focus-visible) button { color: #fff; } nav li a:visited, footer a:visited { color: inherit; } @media screen and (max-width: 900px) { .menu-logo { display:none; } } @media screen and (max-width: 750px) { .hamburger { display:inline-block; float:left; } .hamburger svg { width:36px; height:36px; } .menu-label { display:inline-block; color: #253776; font-size: 1.5em; } /* 2023-10-12 -p disabled because it was causing problems on the search page */ /*label { height: 100% }*/ nav { vertical-align: top; display:block; line-height:2.5em; width: 16em; margin-left:-16em; transition: margin .5s ease-in-out; } nav ul li { float:none; border-bottom: solid 1px #eee; width:100%; } nav ul ul ul li a, nav ul li a, nav li a:link, nav li a:visited { color:black; } nav ul ul { position:relative; top:0; left:1em; line-height:1.5em; } } @media screen and (max-width: 32em) { nav { margin-top: 0; } .sort-box, nav ul ul ul { position:static; } nav ul ul ul:hover { display:block; } nav ul ul ul li { float:none; clear:both; margin-left:1em; display:block; border-bottom:solid 1px #253776; color:var(--nav-grijs); } nav ul ul ul li a:active { color:var(--nav-grijs); } } @media screen and (max-height: 400px) { nav { margin-top: 0; } }