|
|
|
@ -1,149 +1,149 @@
|
|
|
|
|
//@format |
|
|
|
|
//embedded images |
|
|
|
|
.field--name-field-media-video-embed-field iframe { |
|
|
|
|
max-width: 100%; |
|
|
|
|
max-width: 100%; |
|
|
|
|
} |
|
|
|
|
.align-right { |
|
|
|
|
margin: 1em 0 1em 1em; |
|
|
|
|
margin: 1em 0 1em 1em; |
|
|
|
|
} |
|
|
|
|
.align-left { |
|
|
|
|
margin: 1em 16px 1em 0; |
|
|
|
|
margin: 1em 16px 1em 0; |
|
|
|
|
} |
|
|
|
|
figure.align-left { |
|
|
|
|
margin: 1em 16px 1em 0; |
|
|
|
|
margin: 1em 16px 1em 0; |
|
|
|
|
} |
|
|
|
|
.align-center img { |
|
|
|
|
display: block; |
|
|
|
|
margin-left: auto; |
|
|
|
|
margin-right: auto; |
|
|
|
|
display: block; |
|
|
|
|
margin-left: auto; |
|
|
|
|
margin-right: auto; |
|
|
|
|
} |
|
|
|
|
.node__main-content { |
|
|
|
|
.field__label { |
|
|
|
|
font-size: 16px; |
|
|
|
|
text-transform: none; |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
.field__item { |
|
|
|
|
font-size: 16px; |
|
|
|
|
} |
|
|
|
|
.field__label { |
|
|
|
|
font-size: 16px; |
|
|
|
|
text-transform: none; |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
.field__item { |
|
|
|
|
font-size: 16px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
//footnotes |
|
|
|
|
.footnote-list .container.item-list { |
|
|
|
|
width: inherit; |
|
|
|
|
width: inherit; |
|
|
|
|
} |
|
|
|
|
.page-node-type-journal-article .main-content__section { |
|
|
|
|
padding-top: 0; |
|
|
|
|
padding-top: 0; |
|
|
|
|
} |
|
|
|
|
//hero bg-image |
|
|
|
|
.article-title-banner { |
|
|
|
|
//display:none; |
|
|
|
|
//border: 1px solid #ccc; |
|
|
|
|
height: 500px; |
|
|
|
|
background-position: center; |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
background-size: cover; |
|
|
|
|
position: relative; |
|
|
|
|
//display:none; |
|
|
|
|
//border: 1px solid #ccc; |
|
|
|
|
height: 500px; |
|
|
|
|
background-position: center; |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
background-size: cover; |
|
|
|
|
position: relative; |
|
|
|
|
} |
|
|
|
|
//hero text |
|
|
|
|
h1.article--title { |
|
|
|
|
@include breakpoint($mobile-only) { |
|
|
|
|
text-align: center; |
|
|
|
|
line-height: 1.2; |
|
|
|
|
font-size: 1.8em; |
|
|
|
|
} |
|
|
|
|
//font-size: 25px; |
|
|
|
|
@include breakpoint($mobile-only) { |
|
|
|
|
text-align: center; |
|
|
|
|
line-height: 1.2; |
|
|
|
|
font-size: 1.8em; |
|
|
|
|
} |
|
|
|
|
//font-size: 25px; |
|
|
|
|
} |
|
|
|
|
.article-info--wrapper { |
|
|
|
|
padding: 0; |
|
|
|
|
position: absolute; |
|
|
|
|
top: 50%; |
|
|
|
|
left: 50%; |
|
|
|
|
transform: translate(-50%, -50%); |
|
|
|
|
color: #fff; |
|
|
|
|
padding: 0; |
|
|
|
|
position: absolute; |
|
|
|
|
top: 50%; |
|
|
|
|
left: 50%; |
|
|
|
|
transform: translate(-50%, -50%); |
|
|
|
|
color: #fff; |
|
|
|
|
} |
|
|
|
|
.field--name-field-journal-article-abstract .field__label { |
|
|
|
|
font-size: 2rem; |
|
|
|
|
font-size: 2rem; |
|
|
|
|
} |
|
|
|
|
h3 { |
|
|
|
|
font-style: normal; |
|
|
|
|
font-style: normal; |
|
|
|
|
} |
|
|
|
|
.node--type-journal-article { |
|
|
|
|
.field--name-body figure { |
|
|
|
|
//margin-left: initial; |
|
|
|
|
//margin-right: initial; |
|
|
|
|
.field--name-body figure { |
|
|
|
|
//margin-left: initial; |
|
|
|
|
//margin-right: initial; |
|
|
|
|
|
|
|
|
|
&.align-right { |
|
|
|
|
margin: 1em 0 1em 1em; |
|
|
|
|
} |
|
|
|
|
&.align-left { |
|
|
|
|
margin: 1em 1em 1em 0; |
|
|
|
|
} |
|
|
|
|
.align-center img { |
|
|
|
|
display: block; |
|
|
|
|
margin-left: auto; |
|
|
|
|
margin-right: auto; |
|
|
|
|
} |
|
|
|
|
img { |
|
|
|
|
border: 1px solid #ccc; |
|
|
|
|
padding: 4px; |
|
|
|
|
//width: 200px; |
|
|
|
|
margin-right: 1rem; |
|
|
|
|
margin-top: 1rem; |
|
|
|
|
} |
|
|
|
|
&.align-right { |
|
|
|
|
margin: 1em 0 1em 1em; |
|
|
|
|
} |
|
|
|
|
&.align-left { |
|
|
|
|
margin: 1em 1em 1em 0; |
|
|
|
|
} |
|
|
|
|
//footnotes |
|
|
|
|
.see-footnote { |
|
|
|
|
//a[id^='footnote'] { |
|
|
|
|
border: 1px solid #5d5d5d; |
|
|
|
|
background: #5d5d5d; |
|
|
|
|
color: #fff; |
|
|
|
|
border-radius: 4px; |
|
|
|
|
text-decoration: none; |
|
|
|
|
padding: 1px 3px; |
|
|
|
|
font-size: 1.1rem; |
|
|
|
|
//vertical-align: super; |
|
|
|
|
.align-center img { |
|
|
|
|
display: block; |
|
|
|
|
margin-left: auto; |
|
|
|
|
margin-right: auto; |
|
|
|
|
} |
|
|
|
|
img { |
|
|
|
|
border: 1px solid #ccc; |
|
|
|
|
padding: 4px; |
|
|
|
|
//width: 200px; |
|
|
|
|
margin-right: 1rem; |
|
|
|
|
margin-top: 1rem; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
//footnotes |
|
|
|
|
.see-footnote { |
|
|
|
|
//a[id^='footnote'] { |
|
|
|
|
border: 1px solid #5d5d5d; |
|
|
|
|
background: #5d5d5d; |
|
|
|
|
color: #fff; |
|
|
|
|
border-radius: 4px; |
|
|
|
|
text-decoration: none; |
|
|
|
|
padding: 1px 3px; |
|
|
|
|
font-size: 1.1rem; |
|
|
|
|
//vertical-align: super; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.footnotes { |
|
|
|
|
.footnote-multi { |
|
|
|
|
float: none; |
|
|
|
|
vertical-align: none; |
|
|
|
|
position: initial; |
|
|
|
|
top: initial; |
|
|
|
|
font-size: initial; |
|
|
|
|
} |
|
|
|
|
.footnote-multi { |
|
|
|
|
float: none; |
|
|
|
|
vertical-align: none; |
|
|
|
|
position: initial; |
|
|
|
|
top: initial; |
|
|
|
|
font-size: initial; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
header.article-header { |
|
|
|
|
//background: #e6e6e6; |
|
|
|
|
//background: url(../img/DS2_2622.jpg); |
|
|
|
|
//padding: 1rem; |
|
|
|
|
//background: #e6e6e6; |
|
|
|
|
//background: url(../img/DS2_2622.jpg); |
|
|
|
|
//padding: 1rem; |
|
|
|
|
} |
|
|
|
|
.article-header--metadata { |
|
|
|
|
text-align: center; |
|
|
|
|
@include breakpoint($tablet-up) { |
|
|
|
|
text-align: left; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
.left, |
|
|
|
|
.right { |
|
|
|
|
flex-direction: column; |
|
|
|
|
align-items: flex-end; |
|
|
|
|
} |
|
|
|
|
.right { |
|
|
|
|
justify-content: flex-end; |
|
|
|
|
text-align: right; |
|
|
|
|
} |
|
|
|
|
text-align: center; |
|
|
|
|
@include breakpoint($tablet-up) { |
|
|
|
|
text-align: left; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
.left, |
|
|
|
|
.right { |
|
|
|
|
flex-direction: column; |
|
|
|
|
align-items: flex-end; |
|
|
|
|
} |
|
|
|
|
.right { |
|
|
|
|
justify-content: flex-end; |
|
|
|
|
text-align: right; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.article-title-banner { |
|
|
|
|
.field--name-title { |
|
|
|
|
color: #fff; |
|
|
|
|
&:hover { |
|
|
|
|
text-decoration: underline; |
|
|
|
|
} |
|
|
|
|
.field--name-title { |
|
|
|
|
color: #fff; |
|
|
|
|
&:hover { |
|
|
|
|
text-decoration: underline; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
//.article-info--wrapper { |
|
|
|
|
//position: absolute; |
|
|
|
@ -153,162 +153,162 @@ header.article-header {
|
|
|
|
|
.article-info--wrapper { |
|
|
|
|
} |
|
|
|
|
.article-title { |
|
|
|
|
color: #fff; |
|
|
|
|
color: #fff; |
|
|
|
|
} |
|
|
|
|
.article-header--metadata { |
|
|
|
|
a { |
|
|
|
|
color: #fff; |
|
|
|
|
} |
|
|
|
|
.article--contributor { |
|
|
|
|
font-size: 27px; |
|
|
|
|
//line-height:36px; |
|
|
|
|
font-family: 'Libre Baskerville', Georgia, Times New Roman, Serif; |
|
|
|
|
font-weight: bold; |
|
|
|
|
font-style: italic; |
|
|
|
|
} |
|
|
|
|
.field--name-field-affiliation-string, |
|
|
|
|
.article--contributor__affiliation { |
|
|
|
|
font-size: 18px; |
|
|
|
|
text-transform: uppercase; |
|
|
|
|
//line-height:18px; |
|
|
|
|
font-weight: normal; |
|
|
|
|
font-style: normal; |
|
|
|
|
font-family: sans-serif; |
|
|
|
|
} |
|
|
|
|
.article--type { |
|
|
|
|
font-size: 18px; |
|
|
|
|
//line-height:18px; |
|
|
|
|
text-transform: uppercase; |
|
|
|
|
a { |
|
|
|
|
color: #fff; |
|
|
|
|
} |
|
|
|
|
.article--contributor { |
|
|
|
|
font-size: 27px; |
|
|
|
|
//line-height:36px; |
|
|
|
|
font-family: 'Libre Baskerville', Georgia, Times New Roman, Serif; |
|
|
|
|
font-weight: bold; |
|
|
|
|
font-style: italic; |
|
|
|
|
} |
|
|
|
|
.field--name-field-affiliation-string, |
|
|
|
|
.article--contributor__affiliation { |
|
|
|
|
font-size: 18px; |
|
|
|
|
text-transform: uppercase; |
|
|
|
|
//line-height:18px; |
|
|
|
|
font-weight: normal; |
|
|
|
|
font-style: normal; |
|
|
|
|
font-family: sans-serif; |
|
|
|
|
color: #fff; |
|
|
|
|
} |
|
|
|
|
.article--type { |
|
|
|
|
font-size: 18px; |
|
|
|
|
//line-height:18px; |
|
|
|
|
text-transform: uppercase; |
|
|
|
|
a { |
|
|
|
|
color: #fff; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.article--date-published { |
|
|
|
|
font-size: 18px; |
|
|
|
|
text-transform: uppercase; |
|
|
|
|
//line-height:18px; |
|
|
|
|
margin-top: 6px; |
|
|
|
|
} |
|
|
|
|
.article--date-published { |
|
|
|
|
font-size: 18px; |
|
|
|
|
text-transform: uppercase; |
|
|
|
|
//line-height:18px; |
|
|
|
|
margin-top: 6px; |
|
|
|
|
|
|
|
|
|
.field__label { |
|
|
|
|
display: none; |
|
|
|
|
} |
|
|
|
|
.field__label { |
|
|
|
|
display: none; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
//layout |
|
|
|
|
|
|
|
|
|
.article-title-banner { |
|
|
|
|
padding: 0; |
|
|
|
|
padding: 0; |
|
|
|
|
} |
|
|
|
|
.node__main-content { |
|
|
|
|
grid-area: main; |
|
|
|
|
grid-area: main; |
|
|
|
|
} |
|
|
|
|
.toc-sticky-wrapper { |
|
|
|
|
height: 100%; |
|
|
|
|
grid-area: toc; |
|
|
|
|
height: 100%; |
|
|
|
|
grid-area: toc; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.page-node-type-journal-article .node__container { |
|
|
|
|
@include breakpoint($desktop-up) { |
|
|
|
|
display: grid; |
|
|
|
|
column-gap: 2rem; |
|
|
|
|
grid-template-columns: 70% 30%; |
|
|
|
|
grid-template-rows: auto; |
|
|
|
|
grid-template-areas: 'main toc'; |
|
|
|
|
} |
|
|
|
|
@include breakpoint($desktop-up) { |
|
|
|
|
display: grid; |
|
|
|
|
column-gap: 2rem; |
|
|
|
|
grid-template-columns: 70% 30%; |
|
|
|
|
grid-template-rows: auto; |
|
|
|
|
grid-template-areas: 'main toc'; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
//notes |
|
|
|
|
.footnote-list .footnotes a:after { |
|
|
|
|
content: '.' !important; |
|
|
|
|
//content: '.' !important; |
|
|
|
|
} |
|
|
|
|
.footnote-list { |
|
|
|
|
.footnotes { |
|
|
|
|
font-size: 16px; |
|
|
|
|
a { |
|
|
|
|
/*font-weight: bold;*/ |
|
|
|
|
&:after { |
|
|
|
|
content: '.'; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.item-list ul li span { |
|
|
|
|
font-size: 15px; |
|
|
|
|
font-style: normal; |
|
|
|
|
font-weight: 400; |
|
|
|
|
padding-left: 5px; |
|
|
|
|
margin-bottom: 1rem; |
|
|
|
|
.footnotes { |
|
|
|
|
font-size: 16px; |
|
|
|
|
a { |
|
|
|
|
/*font-weight: bold;*/ |
|
|
|
|
&:after { |
|
|
|
|
//content: '.'; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.item-list ul li span { |
|
|
|
|
font-size: 15px; |
|
|
|
|
font-style: normal; |
|
|
|
|
font-weight: 400; |
|
|
|
|
padding-left: 5px; |
|
|
|
|
margin-bottom: 1rem; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
//info |
|
|
|
|
.field--entity-reference-target-type-taxonomy-term { |
|
|
|
|
.field__label { |
|
|
|
|
border-bottom: 0px; |
|
|
|
|
margin: 0px; |
|
|
|
|
padding: 0px; |
|
|
|
|
&:after { |
|
|
|
|
content: ':'; |
|
|
|
|
margin-right: 16px; |
|
|
|
|
} |
|
|
|
|
float: left; |
|
|
|
|
.field__label { |
|
|
|
|
border-bottom: 0px; |
|
|
|
|
margin: 0px; |
|
|
|
|
padding: 0px; |
|
|
|
|
&:after { |
|
|
|
|
content: ':'; |
|
|
|
|
margin-right: 16px; |
|
|
|
|
} |
|
|
|
|
float: left; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.field--name-field-cc-license { |
|
|
|
|
h3 { |
|
|
|
|
font-size: 16px; |
|
|
|
|
font-weight: bold; |
|
|
|
|
margin: 0px; |
|
|
|
|
padding: 0px; |
|
|
|
|
&:after { |
|
|
|
|
content: ':'; |
|
|
|
|
margin-right: 16px; |
|
|
|
|
} |
|
|
|
|
float: left; |
|
|
|
|
} |
|
|
|
|
p { |
|
|
|
|
display: inline; |
|
|
|
|
h3 { |
|
|
|
|
font-size: 16px; |
|
|
|
|
font-weight: bold; |
|
|
|
|
margin: 0px; |
|
|
|
|
padding: 0px; |
|
|
|
|
&:after { |
|
|
|
|
content: ':'; |
|
|
|
|
margin-right: 16px; |
|
|
|
|
} |
|
|
|
|
float: left; |
|
|
|
|
} |
|
|
|
|
p { |
|
|
|
|
display: inline; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.field--name-field-article-subjects { |
|
|
|
|
border-bottom: 0px; |
|
|
|
|
border-bottom: 0px; |
|
|
|
|
} |
|
|
|
|
.field--entity-reference-target-type-taxonomy-term, |
|
|
|
|
.field--entity-reference-target-type-taxonomy-term.field__item { |
|
|
|
|
margin: 0 0; |
|
|
|
|
margin: 0 0; |
|
|
|
|
} |
|
|
|
|
//this is just here to underline the article info heading, may cause problems eslewhere |
|
|
|
|
h3.field-group-format-toggler.accordion-item { |
|
|
|
|
a { |
|
|
|
|
color: #2e2e2e; |
|
|
|
|
border-bottom: 1px solid #2e2e2e; |
|
|
|
|
display: block; |
|
|
|
|
/*@extend h2;*/ |
|
|
|
|
font-size: 30px; |
|
|
|
|
} |
|
|
|
|
a { |
|
|
|
|
color: #2e2e2e; |
|
|
|
|
border-bottom: 1px solid #2e2e2e; |
|
|
|
|
display: block; |
|
|
|
|
/*@extend h2;*/ |
|
|
|
|
font-size: 30px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.back-to-top { |
|
|
|
|
display: none; |
|
|
|
|
display: none; |
|
|
|
|
} |
|
|
|
|
.footnote-list > div { |
|
|
|
|
padding: 0; |
|
|
|
|
//margin: 0; |
|
|
|
|
padding: 0; |
|
|
|
|
//margin: 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.bibcite-reference { |
|
|
|
|
font-size: 15px; |
|
|
|
|
font-style: normal; |
|
|
|
|
font-weight: 400; |
|
|
|
|
padding-left: 5px; |
|
|
|
|
margin-bottom: 1rem; |
|
|
|
|
font-size: 15px; |
|
|
|
|
font-style: normal; |
|
|
|
|
font-weight: 400; |
|
|
|
|
padding-left: 5px; |
|
|
|
|
margin-bottom: 1rem; |
|
|
|
|
} |
|
|
|
|
.field--name-field-bibcite-fn-works-cited .field__label { |
|
|
|
|
border-bottom: 1px solid #333; |
|
|
|
|
font-size: 30px; |
|
|
|
|
font-weight: normal; |
|
|
|
|
margin-top: 1rem; |
|
|
|
|
border-bottom: 1px solid #333; |
|
|
|
|
font-size: 30px; |
|
|
|
|
font-weight: normal; |
|
|
|
|
margin-top: 1rem; |
|
|
|
|
} |
|
|
|
|
.footnote-list:before { |
|
|
|
|
content: 'Notes'; |
|
|
|
|
font-size: 30px; |
|
|
|
|
font-family: $serif; |
|
|
|
|
content: 'Notes'; |
|
|
|
|
font-size: 30px; |
|
|
|
|
font-family: $serif; |
|
|
|
|
} |
|
|
|
|