/* 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 { --references__item-title : var(--jb-blauw); --orcid-main-color: #a6ce39; --ror-main-color: #53BAA1; --refauth-color: #7c2529; font-display: swap; --font-size:10.5pt; } body, td, button { 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: bold; color: #666633; line-height:1.75em; } h3 { font-size: 1.1em; font-weight: 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:bold; color:var(--refauth-color); } .refline .refauth { color:#555; } #cited-by { display:inline-block; } .sort-box { background-color:#def; 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-color); font-weight:bold; letter-spacing:-.1em; } .refline { margin-top: .1em; margin-bottom:.5em; position:relative; } .refyear { color:#811; } /* make the main title bold */ .chapter-title , .reference .article-title , .refyear + .refsource , .refrole + .chapter-title { font-weight: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:#118; } .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(--oranje); font-weight:bold; } /* use bold for all 'internal' links when classified as 'catalog' */ a.catalog { font-weight: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:#9ccef3; text-decoration-thickness:.3em; text-decoration-skip-ink:none; color:var(--oranje); } /* 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.25) translateY(.2em); } .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: #253776; padding-right: 2.5em; font-weight: 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:#def; } .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; /* display: table-row; obsolete: stems from a previous layout */ } .issue .label, .issue .title { display: table-cell; } .issue .label { min-width:4em; } .issue .title { padding-left: 1em; font-weight:bold; } /* 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: 650px) { .mini-orcid-icon.hanging { position:absolute; left:-2em; top:0; } } @media screen and (max-width: 650px) { .mini-orcid-icon.hanging { position:absolute; right:-.25em; 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; } } /* 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: 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:#ffffea; max-width:27em; border:solid 1px #ccc; 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); margin-top:3em; 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: 9em; height:7em; } .get-fulltext .title { grid-area:top; color:#fff; background-color:var(--box-blue); font-weight:bold; text-transform:uppercase; letter-spacing:.15em; padding: 0 .5em; line-height:1.35em; } .get-fulltext .downloads { grid-area:left; background-color:white; padding:1em; 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: #003399; 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: #660099; 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; } .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: #003399; } .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:#666; font-weight:bold; } .sectionheader_first { padding-top: 1.5em !important; padding-bottom: .25em !important; margin-bottom: 0em; font-weight: bold; text-transform:uppercase; letter-spacing:.1em; color:var(--titelbalkrood,#666); } .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; } .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:bold; color:#666; } .error { color:#d00; background-color:#eee; border:1px solid black; font-size:.8em; padding:.5em; } .quote { padding:.5em 1em; } .share-to { margin-top:1em; } .share-to a { margin-right:.6em; } .share-to label { width:30px; height:30px; } .share-to svg { height:2.5em; width:2.5em; } /* 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 ); --felblauw:#0099ff; --roodbruin:#7c2529; --list-series-blauw:#003399; --open-access-green: #256116; } @media screen { h1 { background-color: rgba( 255, 255, 255, 0.9 ); 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); font-weight: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:relative; } .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: var(--oranje); padding-top:0; font-size:1.4em; } .list-item h3.subtitle { color: var(--jb-blauw); padding-top:0; font-size:1.2em; } .list-item h3.special-issue-title { color: var(--olijfgroen); } .list-item h3.author { padding-top:.15em; color: #444; margin-bottom:.15em; } .list-item h3.title { padding-top:0; line-height:1.5em; 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 { margin-left:-.3em; width: calc( var(--list-image-width) * .9 ); height: calc( var(--list-image-height) * .9 ); filter: drop-shadow(.3em .3em #ddd); } .list-container .list-item .image { margin:0; } .list-item .series-info { padding-top: .3em; } .list-item.article .authors { color: var(--roodbruin); font-weight:bold; } .list-item .insource { display: block; padding-top:.3em; } .list-item .insource a { color: var(--jb-blauw); font-weight:bold; } a.series-link:link, a.series-link:visited { color:var(--list-series-blauw); font-weight: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:bold; color: #666; } .list-item .subjects a { color: #444; } /* 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; } } /* 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*/ :root { --jb-blauw: #253776; --oranje-orig: #ff5500; --oranje: #E00000; /* 'betere' kleur met hoger contrast */ --olijfgroen: #666633; --lichtergroen: #a8d5ba; --titelbalkrood: #831b30; --geel: #fdb813; --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); --nav-grijs:#222; --font-size:10.5pt; } *, *::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: antiquewhite; background-image: linear-gradient(90deg, #EADEDB 0%, antiquewhite 50%, #EADEDB 100%); } body { /* height: 100vh; height: calc(100vh - 125px); */ } p { margin-top: .5em; } main { background-color:#fdfdfd; 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:#ddd; 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 -1em 1em 1em; padding: 1em; position: relative; top: 0; max-width: 25em; text-align:left; background-color:#dee; border-radius:.25em; } .metrics a:link, .metrics a:visited { color: #253776; } .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:black; } input[type=submit], button { font-weight: bold; color: var(--oranje); background-color: white; text-transform: uppercase; letter-spacing: .1em; border:solid .07em var(--oranje); border-radius:.25em; cursor: pointer; font-family:inherit; } 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: bold; color: white; background-color: #335525; border:solid 1.5px #335525; 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; } .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; } form[name="frmsearch"] input + label { border-radius: .5em; padding: 0em .5em; padding-left:1.5em; margin-left:-1.5em; font-weight:bold; line-height:2em; } form[name="frmsearch"] input:not(:checked) + label { border: solid .3em #ccc; color:#aaa; } form[name="frmsearch"] input:checked + label { border: solid .3em lime; background-color: rgb(0,255,0,.05); } 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]:focus-within { color:white; background-color:var(--oranje); outline: solid .15em black; } input.search-bar { outline: solid .3em #def; 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; } input.search-bar:focus-within { outline: solid .15em 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: 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: #253776; } fieldset { border: 2px solid #a8d5ba; padding:1em; background-color:#fafafa; line-height:2.5em; } fieldset.filterbox { padding: .25em 0 .5em 1em; } legend { font-weight: bold; font-size:1.1em; color:#253776; } .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:#fff; } path.logo-char, .logo-text { fill:#fff; } .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; } .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; padding: 0; clear:both; float: right; z-index:2; } .bkisbninfo { display: block; clear:inherit; padding-top:.5em; } .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 */ } .list_item h1, main > h1:first-child { padding-top:0; line-height:1.25em; font-weight:bold; } .single { position: static; width:95%; min-height:auto; display:block; padding-top:.5em; } .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:bold; } /* 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: #253776; color: var(--main-content__header-label,#253776); font-size: .95em; } /* section copied in from online.benjamins.com/article.css */ .toc-contrib { font-weight: normal; color: black; } .toc-title > .article-title { font-weight: 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(--oranje); } .refsource.journal:link, .refsource.journal:visited { color:var(--jb-blauw); 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:#253776; } .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:#444; color:var(--main-content__article-type,#444); text-transform: uppercase; letter-spacing:.07em; } ul.articles .article-type, ul.articles .chapter-label { margin-top:1em; color:var(--titelbalkrood,var(--nav-grijs)); font-size:1.1em; font-weight: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:#efe; } .quotesource { padding-top:.25em; text-align:right; } .quotesource:before { content: "—"; } /* tbv Kudos */ .kudos-widget ul li { max-width:initial; list-style:none; } .kudos-widget-article { background-color:#def; } .kudos-widget .kudos-widget-article, .kudos-widget .kudos-widget-article .kudos-box { font-family:inherit !important; } .kudos-widget .kudos-widget-article h1.kudos-article-title { display:none; } .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: #253776; font-weight:bold; line-height:1.5em; padding-bottom:.5em; } h4.special-issue-title { padding-top:.5em; } .serieslist .subtitle, .bktitle .subtitle { font-size:.9em; color:#253776; 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: #666633; font-weight:bold; margin-bottom:.66em; padding-top:0; line-height:1.5em; } h2.tab, summary.tab { margin:1em -.65em .5em 0; background-color:#e9e9e9; font-size: .95em; font-weight: bold; text-transform: uppercase; letter-spacing: 1.5px; color: #253776; 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:#999; 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; } 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: #fe0; 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; } .oa-logo-container , .jbe-logo-container { display:inline; position:absolute; left:-1.85rem; } .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; } .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; } .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; } 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; } } @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; } .server-name { display:inline; } .share-to { position:fixed; left:calc(50vw - 550px); top:165px; } .share-to a { margin-top:.5em; display:block; } .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 { 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 { float: left!important; padding-left:15px!important; } .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;} } /* loaded from menu.css*/ /* style file for navigation menus */ :root { --nav-groen: #335525; --nav-rood: #7c2529; --nav-lichtblauw: #6068b2; --navnoglichterblauw: #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); } /* 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:#ddd; margin: 0; padding: 0; border: 0; } nav button { border: none; color:inherit; background-color:transparent; font:inherit; text-transform: none; letter-spacing:inherit; padding:0; text-align:inherit; } span.menu-logo { position:relative; top:.1em; left:.7em; } .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:var(--oranje); background:inherit !important; } nav > ul > li > button { display: block; padding: .25em 1em; color: var(--nav-grijs); 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-bottom: solid 1px #eee; } nav ul li, nav ul li li { list-style: none; margin:0; } 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: 1px solid #bbb; position: relative; width:100%; } nav ul ul li a:link , nav ul ul li button { padding: 10px 1rem; color: #fff; font-weight: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:#a7a4e0; } 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:#9abb91; color: black; } nav a.nolink { text-decoration:none; background-color:inherit; } nav li a:link , nav li button , footer a:link { color: var(--nav-grijs); } 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: 750px) { .menu-logo { display:none; } .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 { background-color: #ccc; } 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; } }