You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
151 lines
3.1 KiB
151 lines
3.1 KiB
//@format |
|
.page-node-type-journal-article .main-content__section { |
|
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; |
|
} |
|
//hero text |
|
.article-info--wrapper { |
|
position: absolute; |
|
top: 50%; |
|
left: 50%; |
|
transform: translate(-50%, -50%); |
|
color: #fff; |
|
} |
|
.field--name-field-journal-article-abstract .field__label { |
|
font-size: 2rem; |
|
} |
|
.node--type-journal-article { |
|
.field--name-body figure { |
|
margin-left: initial; |
|
margin-right: initial; |
|
float: left; |
|
img { |
|
border: 1px solid #ccc; |
|
padding: 4px; |
|
width: 200px; |
|
float: left; |
|
margin-right: 1rem; |
|
margin-top: 1rem; |
|
} |
|
} |
|
//footnotes |
|
a[id^='footnote'] { |
|
border: 1px solid #5d5d5d; |
|
background: #5d5d5d; |
|
color: #fff; |
|
border-radius: 4px; |
|
text-decoration: none; |
|
padding: 2px 3px; |
|
font-size: 1.1rem; |
|
vertical-align: super; |
|
} |
|
} |
|
|
|
header.article-header { |
|
//background: #e6e6e6; |
|
//background: url(../img/DS2_2622.jpg); |
|
//padding: 1rem; |
|
} |
|
.article-header--metadata { |
|
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; |
|
} |
|
} |
|
} |
|
//.article-info--wrapper { |
|
//position: absolute; |
|
//top: 0; |
|
//margin: 8rem; |
|
//} |
|
.article-info--wrapper { |
|
} |
|
.article-title { |
|
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--date-published { |
|
font-size: 18px; |
|
text-transform: uppercase; |
|
//line-height:18px; |
|
margin-top: 6px; |
|
|
|
.field__label { |
|
display: none; |
|
} |
|
} |
|
} |
|
|
|
//layout |
|
|
|
.article-title-banner { |
|
padding: 0; |
|
} |
|
.node__main-content { |
|
grid-area: main; |
|
} |
|
.toc-sticky-wrapper { |
|
height: 100%; |
|
grid-area: toc; |
|
} |
|
|
|
.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'; |
|
} |
|
}
|
|
|