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.
1060 lines
23 KiB
1060 lines
23 KiB
@charset "UTF-8"; |
|
/* |
|
* @file |
|
* Overall specifications for Magazine+. |
|
*/ |
|
body { |
|
font-size: 15px; |
|
font-weight: 400; |
|
line-height: 1.6; |
|
color: #2d2d2d; |
|
-webkit-font-smoothing: antialiased; |
|
text-rendering: optimizelegibility; } |
|
|
|
/*Paragraphs and links*/ |
|
p { |
|
margin: 0; |
|
padding: 0 0 15px 0; } |
|
|
|
p.large { |
|
font-size: 18px; |
|
line-height: 1.45; } |
|
|
|
p.highlighted { |
|
background-color: #f4f4f4; |
|
display: inline-block; |
|
padding: 10px 40px; |
|
margin-bottom: 45px; |
|
border-radius: 50px; |
|
font-size: 16px; } |
|
|
|
.region--gray-background p.highlighted { |
|
background-color: #ffffff; } |
|
|
|
.region--light-typography p.highlighted { |
|
background-color: rgba(255, 255, 255, 0.1); } |
|
|
|
a { |
|
-webkit-transition: all 0.2s ease-in-out; |
|
-moz-transition: all 0.2s ease-in-out; |
|
-ms-transition: all 0.2s ease-in-out; |
|
-o-transition: all 0.2s ease-in-out; |
|
transition: all 0.2s ease-in-out; |
|
text-decoration: none; } |
|
|
|
a:hover { |
|
text-decoration: none; } |
|
|
|
a:focus { |
|
outline: none; |
|
text-decoration: none; } |
|
|
|
p a { |
|
text-decoration: underline; } |
|
|
|
p a:hover, |
|
p a:focus { |
|
text-decoration: none; } |
|
|
|
.region--light-typography.region--dark-background a.is-active { |
|
color: #ddd; } |
|
|
|
a.link--bordered, |
|
.link--bordered a { |
|
border-bottom-width: 1px; |
|
border-bottom-style: solid; |
|
text-decoration: none; |
|
display: inline-block; } |
|
|
|
a.link--bordered:hover, |
|
.link--bordered a:hover { |
|
border-bottom-width: 1px; |
|
border-bottom-style: solid; |
|
text-decoration: none; |
|
border-color: transparent; } |
|
|
|
.region--light-typography a.link--bordered, |
|
.region--light-typography .link--bordered a { |
|
border-color: #ffffff; |
|
text-decoration: none; } |
|
|
|
.region--light-typography a.link--bordered:hover, |
|
.region--light-typography .link--bordered a:hover { |
|
border-color: transparent; |
|
text-decoration: none; } |
|
|
|
a.link--hover-style-2, |
|
.link--hover-style-2 a { |
|
-webkit-transition: all 0.3s; |
|
-moz-transition: all 0.3s; |
|
-ms-transition: all 0.3s; |
|
-o-transition: all 0.3s; |
|
transition: all 0.3s; |
|
position: relative; |
|
display: block; } |
|
|
|
a.link--hover-style-2:before, |
|
.link--hover-style-2 a:before { |
|
position: absolute; |
|
left: -15px; |
|
top: 50%; |
|
margin-top: -5px; |
|
font-family: "FontAwesome"; |
|
font-size: 10px; |
|
line-height: 1; |
|
-webkit-transition: all 0.3s; |
|
-moz-transition: all 0.3s; |
|
-ms-transition: all 0.3s; |
|
-o-transition: all 0.3s; |
|
transition: all 0.3s; |
|
-webkit-transition-delay: 0s; |
|
/* Safari */ |
|
transition-delay: 0s; |
|
opacity: 0; |
|
filter: alpha(opacity=0); |
|
content: "\f105"; } |
|
|
|
a.link--hover-style-2:hover, |
|
.link--hover-style-2 a:hover { |
|
padding-left: 20px; |
|
text-decoration: none; } |
|
|
|
a.link--hover-style-2:hover:before, |
|
.link--hover-style-2 a:hover:before { |
|
left: 0; |
|
opacity: 1; |
|
filter: alpha(opacity=100); |
|
-webkit-transition-delay: 0.1s; |
|
/* Safari */ |
|
transition-delay: 0.1s; } |
|
|
|
.region--light-typography.region--dark-background a.link--hover-style-2:before, |
|
.region--light-typography.region--dark-background .link--hover-style-2 a:before { |
|
color: #ffffff; } |
|
|
|
.region--light-typography.region--dark-background .text--dark, |
|
.region--light-typography.region--black-background .text--dark { |
|
color: #ffffff; } |
|
|
|
.region--light-typography.region--colored-background .text--colored, |
|
.region--light-typography.region--black-background .text--colored { |
|
color: #ffffff; } |
|
|
|
.text--drop-cap:first-letter { |
|
float: left; |
|
font-size: 5em; |
|
line-height: 0.8; |
|
padding-top: 0px; |
|
padding-right: 12px; } |
|
|
|
/*Regions with light and dark typography*/ |
|
.region--light-typography { |
|
color: #ffffff; } |
|
|
|
.subfooter.region--light-typography.region--dark-background, |
|
.subfooter.region--light-typography.region--black-background { |
|
color: #9c9c9c; } |
|
|
|
.region--light-typography a, |
|
.region--light-typography a.link--dark, |
|
.region--light-typography .link--dark a { |
|
color: #ffffff; |
|
text-decoration: underline; } |
|
|
|
.region--light-typography a:hover, |
|
.region--light-typography a:focus, |
|
.region--light-typography a.link--dark:hover, |
|
.region--light-typography a.link--dark:focus, |
|
.region--light-typography .link--dark a:hover, |
|
.region--light-typography .link--dark a:focus { |
|
color: #ffffff; |
|
text-decoration: none; } |
|
|
|
/*Basic elements*/ |
|
img { |
|
height: auto; |
|
max-width: 100%; } |
|
|
|
img.img--bordered, |
|
.img--bordered img { |
|
border-width: 1px; |
|
border-style: solid; |
|
border-color: #e7e7e7; } |
|
|
|
.region--light-typography img.img--bordered, |
|
.region--light-typography .img--bordered img { |
|
border-color: rgba(255, 255, 255, 0.15); } |
|
|
|
code, |
|
pre { |
|
word-wrap: break-word; |
|
word-break: break-all; |
|
white-space: pre; |
|
white-space: pre-wrap; |
|
font-family: 'Source Code Pro', Consolas, Monaco, Courier; } |
|
|
|
pre { |
|
background: #f4f4f4; |
|
border: none; |
|
border-left: 5px solid #d3d1cd; |
|
-webkit-border-radius: 0px; |
|
-moz-border-radius: 0px; |
|
border-radius: 0px; |
|
color: #2d2d2d; |
|
padding: 20px; |
|
font-size: 14px; |
|
max-height: 62px; |
|
overflow: hidden; |
|
margin: 40px 0 40px 45px; } |
|
|
|
pre:hover { |
|
max-height: 10000px; |
|
-webkit-transition: all ease-in-out 2s; |
|
-moz-transition: all ease-in-out 2s; |
|
-o-transition: all ease-in-out 2s; |
|
-ms-transition: all ease-in-out 2s; |
|
transition: all ease-in-out 2s; } |
|
|
|
blockquote { |
|
padding: 25px 0 5px; |
|
margin: 0 0 25px; |
|
border-left-width: 0px; |
|
position: relative; |
|
font-style: italic; } |
|
|
|
blockquote p { |
|
font-size: 18px; |
|
line-height: 1.65; } |
|
|
|
.paragraph-responsive-typography-enabled blockquote p { |
|
font-size: calc(1.5*(0.9em + 0.3vw)); } |
|
|
|
p + blockquote { |
|
margin-top: 30px; } |
|
|
|
blockquote:before { |
|
content: ""; |
|
width: 170px; |
|
height: 5px; |
|
background-color: #f4f4f4; |
|
position: absolute; |
|
top: 0; |
|
left: 0; } |
|
|
|
blockquote p:first-child:before { |
|
content: "“"; } |
|
|
|
blockquote footer { |
|
font-style: normal; |
|
color: #2d2d2d; } |
|
|
|
.region--light-typography blockquote footer { |
|
color: #ffffff; } |
|
|
|
.region--gray-background blockquote:before { |
|
background-color: #eaeaea; } |
|
|
|
.region--colored-background blockquote:before, |
|
.region--black-background blockquote:before, |
|
.region--dark-background blockquote:before { |
|
background-color: #ffffff; } |
|
|
|
hr { |
|
border-top: 1px solid #f4f4f4; |
|
margin-bottom: 40px; |
|
margin-top: 40px; } |
|
|
|
.region--gray-background hr { |
|
border-color: #e7e7e7; } |
|
|
|
.region--light-typography hr { |
|
border-color: #ffffff; } |
|
|
|
/*Headings*/ |
|
h1, |
|
h2, |
|
h3, |
|
h4, |
|
h5, |
|
h6 { |
|
line-height: 1.20; |
|
padding: 0; |
|
margin: 20px 0 15px 0; |
|
font-weight: 400; } |
|
|
|
.headings-wide-spacing-enabled h1, |
|
.headings-wide-spacing-enabled h2, |
|
.headings-wide-spacing-enabled h3, |
|
.headings-wide-spacing-enabled h4, |
|
.headings-wide-spacing-enabled h5, |
|
.headings-wide-spacing-enabled h6 { |
|
letter-spacing: 0.2em; |
|
text-transform: uppercase; } |
|
|
|
h1, h2, h3, h4, h5 { |
|
margin: 2.75rem 0 1rem; |
|
font-family: 'Libre Baskerville', serif; |
|
font-weight: 400; |
|
line-height: 1.15; } |
|
|
|
h1 { |
|
margin-top: 0; |
|
font-size: 2.441em; } |
|
|
|
h2 { |
|
font-size: 1.953em; } |
|
|
|
h3 { |
|
font-size: 1.563em; } |
|
|
|
h4 { |
|
font-size: 1.25em; } |
|
|
|
h1.title { |
|
margin-top: 0; } |
|
|
|
h1.page-title { |
|
margin-bottom: 20px; } |
|
|
|
/*resposinve text align*/ |
|
@media (min-width: 1200px) { |
|
.lg-text-center { |
|
text-align: center; } } |
|
|
|
@media (min-width: 992px) and (max-width: 1199px) { |
|
.md-text-center { |
|
text-align: center; } } |
|
|
|
@media (min-width: 768px) and (max-width: 991px) { |
|
.sm-text-center { |
|
text-align: center; } } |
|
|
|
@media (max-width: 767px) { |
|
.xs-text-center { |
|
text-align: center; } } |
|
|
|
/*Block title*/ |
|
.block-title { |
|
margin-bottom: 30px; |
|
margin-top: 0; |
|
line-height: 1.2; |
|
font-size: 30px; } |
|
|
|
.block-title--large { |
|
font-size: 40px; |
|
margin-bottom: 15px; } |
|
|
|
.block-title--extra-large { |
|
font-size: 50px; |
|
margin-bottom: 15px; } |
|
|
|
@media (max-width: 767px) { |
|
.block-title--large { |
|
font-size: 30px; } |
|
.block-title--extra-large { |
|
font-size: 35px; } } |
|
|
|
.headings-wide-spacing-enabled .block-title--large { |
|
letter-spacing: 0.55em; |
|
text-transform: uppercase; } |
|
|
|
h2.block-title { |
|
padding-bottom: 15px; |
|
margin: 0 0 20px 0; |
|
border-bottom-width: 2px; |
|
border-bottom-style: solid; |
|
border-bottom-color: #eeeeee; |
|
line-height: 1.2; |
|
text-transform: uppercase; |
|
font-weight: 400; } |
|
|
|
.region--light-typography h2.block-title { |
|
border-bottom-color: rgba(255, 255, 255, 0.1); } |
|
|
|
h2.title, |
|
nav > h2, |
|
.block-search > h2 { |
|
font-size: 30px; |
|
padding-top: 15px; |
|
margin: 0 0 40px 0; |
|
border-width: 2px 0 0 0; |
|
border-top-style: solid; |
|
border-color: #eeeeee; |
|
font-weight: 400; |
|
text-align: center; } |
|
|
|
.sidebar__section h2.title, |
|
.sidebar__section nav > h2, |
|
.sidebar__section .block-search > h2, |
|
.slideout__section h2.title, |
|
.slideout__section nav > h2, |
|
.slideout__section .block-search > h2, |
|
.footer__section h2.title, |
|
.footer__section nav > h2, |
|
.footer__section .block-search > h2, |
|
.footer-bottom__section h2.title, |
|
.footer-bottom__section nav > h2, |
|
.footer-bottom__section .block-search > h2, |
|
.subfooter__section h2.title, |
|
.subfooter__section nav > h2, |
|
.subfooter__section .block-search > h2 { |
|
font-size: 18px; |
|
padding-top: 8px; |
|
padding-bottom: 25px; |
|
margin-bottom: 30px; |
|
border-width: 0 0 2px 0; |
|
border-bottom-style: solid; |
|
border-color: #eeeeee; |
|
text-transform: uppercase; |
|
text-align: left; } |
|
|
|
.region--light-typography h2.title, |
|
.region--light-typography nav > h2, |
|
.region--light-typography .block-search > h2 { |
|
border-color: rgba(255, 255, 255, 0.1); } |
|
|
|
/*footer regions*/ |
|
@media (max-width: 991px) { |
|
.footer__section h2.title, |
|
.footer__section nav > h2, |
|
.footer__section .block-search > h2, |
|
.footer-bottom__section h2.title, |
|
.footer-bottom__section nav > h2, |
|
.footer-bottom__section .block-search > h2, |
|
.subfooter__section h2.title, |
|
.subfooter__section nav > h2, |
|
.subfooter__section .block-search > h2 { |
|
margin-bottom: 20px; } } |
|
|
|
/* Content region overrides */ |
|
.region-content h2.title, |
|
.region-content nav > h2, |
|
.region-content .block-search > h2 { |
|
margin: 20px 0; } |
|
|
|
/*spacing*/ |
|
.bottom-spacing-small { |
|
padding-bottom: 25px; } |
|
|
|
.bottom-spacing-medium { |
|
padding-bottom: 50px; } |
|
|
|
.bottom-spacing-large { |
|
padding-bottom: 90px; } |
|
|
|
.masonry-layout .masonry-item { |
|
width: 30.5%; |
|
background-color: #f6f6f2; |
|
border: 0; |
|
margin: 0.5%; |
|
padding: 0; } |
|
|
|
.page-node-type-landing-page .main-content { |
|
background-color: #f8f9fa; } |
|
|
|
.teaser-card { |
|
border-radius: 6px; } |
|
|
|
.teaser-card__icon { |
|
border-radius: 0 6px 0 0; } |
|
|
|
.teaser-card img { |
|
border-radius: 6px 6px 0 0; } |
|
|
|
.teaser-card { |
|
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; |
|
background: #fff; |
|
margin-bottom: 16px; |
|
position: relative; } |
|
|
|
.teaser-card.green .teaser-card__category, |
|
.teaser-card.green .teaser-card__icon { |
|
background: #226f23; |
|
background: #C23F5C; } |
|
|
|
.teaser-card.red .teaser-card__category, |
|
.teaser-card.red .teaser-card__icon { |
|
background: #d22b2e; |
|
background: #837F44; } |
|
|
|
.teaser-card.blue .teaser-card__category, |
|
.teaser-card.blue .teaser-card__icon { |
|
background: #1377ba; |
|
background: #763241; } |
|
|
|
.teaser-card.teal .teaser-card__category, |
|
.teaser-card.teal .teaser-card__icon { |
|
background: #37868e; |
|
background: #163743; } |
|
|
|
.teaser-card.purple .teaser-card__category, |
|
.teaser-card.purple .teaser-card__icon { |
|
background: #7201a1; |
|
background: #49A2C2; } |
|
|
|
.teaser-card.aqua .teaser-card__category, |
|
.teaser-card.aqua .teaser-card__icon { |
|
background: #1fe5aa; |
|
background: #32763D; } |
|
|
|
.teaser-card p { |
|
padding-bottom: 0; } |
|
|
|
.teaser-card__body { |
|
flex: 1 1 auto; |
|
padding: 1.25rem; } |
|
|
|
.teaser-card__title { |
|
font-family: "Libre Baskerville", Georgia, Times New Roman, Serif; |
|
font-size: 2.2rem; |
|
line-height: 2.8rem; |
|
font-weight: 600; } |
|
|
|
.teaser-card__author, |
|
.teaser-card .field--name-field-affiliation-contributor { |
|
font-family: "Lato", Helvetica Neue, Arial, Sans-serif; |
|
text-transform: uppercase; |
|
font-size: 1.8rem; |
|
padding-top: 4px; } |
|
|
|
.teaser-card__category { |
|
color: #fff; |
|
padding: 0.5rem 1.25rem; |
|
text-transform: uppercase; } |
|
|
|
.teaser-card__icon { |
|
position: absolute; |
|
top: 0; |
|
right: 0; |
|
padding: 5px 10px; |
|
color: #fff; |
|
font-size: 2rem; } |
|
|
|
.teaser-card img { |
|
width: 100%; } |
|
|
|
/*====lp article preview cards==================*/ |
|
.preview-card__grid-row { |
|
display: flex; |
|
justify-content: space-between; } |
|
|
|
.preview-card { |
|
box-shadow: 0 2px 14px rgba(100, 100, 100, 0.1), 0 2px 2px rgba(100, 100, 100, 0.1); |
|
border: 1px solid #e4e4e4; } |
|
|
|
.preview-card { |
|
margin: 0 1em 2em 1em; |
|
height: 250px; } |
|
|
|
.preview-card:last-child { |
|
margin: 0 0 2em 1em; } |
|
|
|
.preview-card:first-child { |
|
margin: 0 1em 2rem 0; } |
|
|
|
.preview-card__caption { |
|
margin: 10px; } |
|
|
|
/*==========Landing Page Hero Image===========*/ |
|
.hero { |
|
display: flex; |
|
align-items: center; } |
|
|
|
.hero .header-top__container { |
|
padding: 3rem 0 2rem 0; } |
|
|
|
.slick-arrow { |
|
z-index: 999; } |
|
|
|
.slick-next { |
|
right: 0; } |
|
|
|
.slick-prev { |
|
left: 0; } |
|
|
|
.field--name-field-media-video-embed-field iframe { |
|
max-width: 100%; } |
|
|
|
.align-right { |
|
margin: 1em 0 1em 1em; } |
|
|
|
.align-left { |
|
margin: 1em 16px 1em 0; } |
|
|
|
figure.align-left { |
|
margin: 1em 16px 1em 0; } |
|
|
|
.align-center img { |
|
display: block; |
|
margin-left: auto; |
|
margin-right: auto; } |
|
|
|
.node__main-content .field__label { |
|
font-size: 16px; |
|
text-transform: none; |
|
font-weight: bold; } |
|
|
|
.node__main-content .field__item { |
|
font-size: 16px; } |
|
|
|
.footnote-list .container.item-list, .footnote-list .item-list.block-cite-this-block { |
|
width: inherit; } |
|
|
|
.page-node-type-journal-article .main-content__section { |
|
padding-top: 0; } |
|
|
|
.article-title-banner { |
|
height: 500px; |
|
background-position: center; |
|
background-repeat: no-repeat; |
|
background-size: cover; |
|
position: relative; } |
|
|
|
.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; } |
|
|
|
.node--type-journal-article .field--name-body figure.align-right { |
|
margin: 1em 0 1em 1em; } |
|
|
|
.node--type-journal-article .field--name-body figure.align-left { |
|
margin: 1em 1em 1em 0; } |
|
|
|
.node--type-journal-article .field--name-body figure .align-center img { |
|
display: block; |
|
margin-left: auto; |
|
margin-right: auto; } |
|
|
|
.node--type-journal-article .field--name-body figure img { |
|
border: 1px solid #ccc; |
|
padding: 4px; |
|
margin-right: 1rem; |
|
margin-top: 1rem; } |
|
|
|
.node--type-journal-article .see-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; } |
|
|
|
.footnotes .footnote-multi { |
|
float: none; |
|
vertical-align: none; |
|
position: initial; |
|
top: initial; |
|
font-size: initial; } |
|
|
|
.article-header--metadata { |
|
display: flex; |
|
justify-content: space-between; } |
|
|
|
.article-header--metadata .left, |
|
.article-header--metadata .right { |
|
flex-direction: column; |
|
align-items: flex-end; } |
|
|
|
.article-header--metadata .right { |
|
justify-content: flex-end; |
|
text-align: right; } |
|
|
|
.article-title-banner .field--name-title { |
|
color: #fff; } |
|
|
|
.article-title-banner .field--name-title:hover { |
|
text-decoration: underline; } |
|
|
|
.article-title { |
|
color: #fff; } |
|
|
|
.article-header--metadata a { |
|
color: #fff; } |
|
|
|
.article-header--metadata .article--contributor { |
|
font-size: 27px; |
|
font-family: 'Libre Baskerville', Georgia, Times New Roman, Serif; |
|
font-weight: bold; |
|
font-style: italic; } |
|
|
|
.article-header--metadata .field--name-field-affiliation-string, |
|
.article-header--metadata .article--contributor__affiliation { |
|
font-size: 18px; |
|
text-transform: uppercase; |
|
font-weight: normal; |
|
font-style: normal; |
|
font-family: sans-serif; } |
|
|
|
.article-header--metadata .article--type { |
|
font-size: 18px; |
|
text-transform: uppercase; } |
|
|
|
.article-header--metadata .article--type a { |
|
color: #fff; } |
|
|
|
.article-header--metadata .article--date-published { |
|
font-size: 18px; |
|
text-transform: uppercase; |
|
margin-top: 6px; } |
|
|
|
.article-header--metadata .article--date-published .field__label { |
|
display: none; } |
|
|
|
.article-title-banner { |
|
padding: 0; } |
|
|
|
.node__main-content { |
|
grid-area: main; } |
|
|
|
.toc-sticky-wrapper { |
|
height: 100%; |
|
grid-area: toc; } |
|
|
|
@media (min-width: 992px) { |
|
.node__container { |
|
display: grid; |
|
column-gap: 2rem; |
|
grid-template-columns: 70% 30%; |
|
grid-template-rows: auto; |
|
grid-template-areas: 'main toc'; } } |
|
|
|
.footnote-list .footnotes a:after { |
|
content: '.' !important; } |
|
|
|
.footnote-list .footnotes { |
|
font-size: 16px; } |
|
|
|
.footnote-list .footnotes a { |
|
/*font-weight: bold;*/ } |
|
|
|
.footnote-list .footnotes a:after { |
|
content: '.'; } |
|
|
|
.footnote-list .item-list ul li span { |
|
font-size: 15px; |
|
font-style: normal; |
|
font-weight: 400; |
|
padding-left: 5px; |
|
margin-bottom: 1rem; } |
|
|
|
.field--entity-reference-target-type-taxonomy-term .field__label { |
|
border-bottom: 0px; |
|
margin: 0px; |
|
padding: 0px; |
|
float: left; } |
|
|
|
.field--entity-reference-target-type-taxonomy-term .field__label:after { |
|
content: ':'; |
|
margin-right: 16px; } |
|
|
|
.field--name-field-cc-license h3 { |
|
font-size: 16px; |
|
font-weight: bold; |
|
margin: 0px; |
|
padding: 0px; |
|
float: left; } |
|
|
|
.field--name-field-cc-license h3:after { |
|
content: ':'; |
|
margin-right: 16px; } |
|
|
|
.field--name-field-cc-license p { |
|
display: inline; } |
|
|
|
.field--name-field-article-subjects { |
|
border-bottom: 0px; } |
|
|
|
.field--entity-reference-target-type-taxonomy-term, |
|
.field--entity-reference-target-type-taxonomy-term.field__item { |
|
margin: 0 0; } |
|
|
|
h3.field-group-format-toggler.accordion-item a { |
|
color: #2e2e2e; |
|
border-bottom: 1px solid #2e2e2e; |
|
display: block; |
|
/*@extend h2;*/ |
|
font-size: 30px; } |
|
|
|
.back-to-top { |
|
display: none; } |
|
|
|
.footnote-list > div { |
|
padding: 0; } |
|
|
|
.bibcite-reference { |
|
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; } |
|
|
|
.footnote-list:before { |
|
content: 'Notes'; |
|
font-size: 30px; |
|
font-family: "Libre Baskerville", Georgia, Times New Roman, Serif; } |
|
|
|
/* popup container */ |
|
.popup { |
|
position: relative; |
|
display: inline-block; |
|
border-bottom: 1px dotted black; |
|
/* If you want dots under the hoverable text */ } |
|
|
|
/* popup text */ |
|
.popup .popuptext { |
|
visibility: hidden; |
|
width: 120px; |
|
background-color: black; |
|
color: #fff; |
|
text-align: center; |
|
padding: 5px 0; |
|
border-radius: 6px; |
|
/* Position the popup text - see examples below! */ |
|
position: absolute; |
|
z-index: 1; } |
|
|
|
/* Show the popup text when you mouse over the popup container */ |
|
.popup:hover .popuptext { |
|
visibility: visible; } |
|
|
|
.sf-menu ul { |
|
width: 16em !important; } |
|
|
|
.link-info { |
|
display: block; |
|
font-style: italic; |
|
color: #909090; } |
|
|
|
.toc { |
|
position: -webkit-sticky; |
|
/* Safari */ |
|
position: sticky; |
|
top: 100px; |
|
margin-top: 0 !important; |
|
margin-bottom: 0 !important; } |
|
|
|
.node .toc-tree { |
|
border: none; |
|
padding: 0; } |
|
|
|
@media (min-width: 992px) { |
|
div#toc-sections { |
|
display: block; } } |
|
|
|
.toc-block--wide { |
|
position: -webkit-sticky; |
|
/* Safari */ |
|
position: sticky; |
|
top: 100px; |
|
margin-top: 2rem; } |
|
|
|
.toc-block--wide .toc--title[aria-expanded='true'] h2::after { |
|
content: '\f068'; } |
|
|
|
.toc-block--wide .toc--title[aria-expanded='false'] h2::after { |
|
content: '\f067'; } |
|
|
|
.toc-block--wide .toc--title h2::after { |
|
font-family: 'FontAwesome'; |
|
position: absolute; |
|
right: 0; |
|
font-weight: 400; |
|
line-height: 20px; |
|
font-size: 2rem; |
|
background: #ccc; |
|
padding: 10px; } |
|
|
|
.toc-block--wide .toc--title h2 { |
|
text-align: left; |
|
border: 1px dotted #ccc; |
|
padding: 0px; |
|
padding-left: 10px; |
|
line-height: 40px; |
|
margin-bottom: 0px; |
|
background: #f5f3f3; } |
|
|
|
.toc-block--wide .toc--list { |
|
border: 1px dotted #ccc; |
|
border-top: 0px; |
|
padding-top: 1rem; } |
|
|
|
.toc-block--wide .toc--list ol { |
|
font-family: "Libre Baskerville", Georgia, Times New Roman, Serif; |
|
font-size: 1.8rem; |
|
line-height: 1.8; } |
|
|
|
.toc-block--wide .toc--list a { |
|
display: block; |
|
padding-left: 1rem; } |
|
|
|
.toc-block--wide .toc--list a:hover { |
|
background: #ccc; } |
|
|
|
.region-sidebar-second { |
|
height: 1000px; } |
|
|
|
@media (min-width: 992px) { |
|
.toc-container .toc-block--wide { |
|
position: -webkit-sticky; |
|
/* Safari */ |
|
position: sticky; |
|
top: 300px; } } |
|
|
|
.toc-desktop { |
|
display: block !important; } |
|
|
|
.toc-mobile { |
|
display: none !important; } |
|
|
|
.field--name-field-journal-article-keywords { |
|
margin: 1em; } |
|
|
|
.field--name-field-journal-article-keywords .field__item a { |
|
color: #fff; |
|
background: #5d5d5d; |
|
padding: 2px 4px; |
|
border-radius: 5px; } |
|
|
|
.header-top { |
|
border-bottom: 1px solid #d4d3d3; } |
|
|
|
.block-cite-this-block { |
|
padding-right: 15px; |
|
padding-left: 15px; |
|
margin-right: auto; |
|
margin-left: auto; |
|
width: 1170px; } |
|
|
|
.block-cite-this-block .title { |
|
text-align: left; |
|
border-bottom: 1px solid #333; |
|
border-top: none !important; } |
|
|
|
.article_attachment a { |
|
line-height: calc(155% + 0.2vw); |
|
font-size: calc(0.9em + 0.3vw); |
|
text-decoration: underline; } |
|
|
|
.article_attachment .file { |
|
background-image: none; |
|
padding-left: 0px; } |
|
|
|
.article_attachment .file:before { |
|
display: inline-block; |
|
font: normal normal normal 18px/1 FontAwesome; |
|
font-size: 1.8em; |
|
margin-right: 5px; |
|
text-rendering: auto; |
|
-webkit-font-smoothing: antialiased; |
|
content: '\f15b'; } |
|
|
|
.article_attachment .file--video:before { |
|
content: '\f1c8'; } |
|
|
|
.article_attachment .file--audio:before { |
|
content: '\f1c7'; } |
|
|
|
.article_attachment .file--application-pdf:before { |
|
content: '\f1c1'; } |
|
|
|
/*on-scroll menu */ |
|
.fixed-header-enabled.onscroll .header-container ul.menu { |
|
text-align: right; } |
|
|
|
/*================================================*/ |
|
/*change header title fontsize*/ |
|
.col-md-12 .site-name a { |
|
font-size: 40px; } |
|
|
|
.header-top__container { |
|
padding: 60px 0 55px; } |
|
|
|
/*change padding above content*/ |
|
.main-content__section, .sidebar__section { |
|
padding: 60px 0 70px; } |
|
|
|
/*modify issue info on landing page*/ |
|
.path-frontpage .layout.layout--twocol-bricks { |
|
display: block; } |
|
|
|
.path-frontpage .block-region-second-above { |
|
display: flex; |
|
justify-content: flex-start; |
|
font-size: 1.8rem; } |
|
|
|
.path-frontpage .block-region-second-above > * { |
|
margin-right: 1rem; |
|
display: flex; } |
|
|
|
.path-frontpage .block-region-second-above > .block-entity-fieldnodetitle::after { |
|
content: ","; } |
|
|
|
.path-frontpage .block-region-second-above > .block-entity-fieldnodefield-issue-year::after { |
|
content: ","; } |
|
|
|
.path-frontpage .block-region-second-above .field--name-field-issue-number { |
|
display: flex; } |
|
|
|
/*tweak images added to articles*/ |
|
details#journal-article-text-tab img, |
|
.path-frontpage .node--view-mode-teaser img { |
|
border: 1px solid #ccc; |
|
padding: 4px; |
|
width: 200px; |
|
float: left; |
|
margin-right: 1rem; |
|
margin-top: 1rem; } |
|
|
|
.field__label { |
|
/*font-family: 'Merriweather', Georgia, Times New Roman, Serif;*/ |
|
/*font-family: 'Merriweather', Georgia, Times New Roman, Serif;*/ |
|
/*font-family: 'Merriweather', Georgia, Times New Roman, Serif;*/ |
|
font-family: 'Libre Baskerville', serif; } |
|
|
|
.field--name-field-issue-number .field__label { |
|
font-family: inherit; |
|
font-weight: initial; } |
|
|
|
.path-frontpage .node--view-mode-teaser { |
|
padding: 0 0 30px 0; |
|
margin-bottom: 30px; } |
|
|
|
.logo { |
|
width: 110px; } |
|
|
|
/*headings*/ |
|
.hff-01 h1, |
|
.hff-01 h2, |
|
.hff-01 h3, |
|
.hff-01 h4, |
|
.hff-01 h5, |
|
.hff-01 h6, |
|
.hff-01 .tp-caption__title, |
|
.hff-01 .tp-caption__subtitle, |
|
.sff-01 .site-name, |
|
.slff-01 .site-slogan, |
|
.hff-01 .nav-tab__title { |
|
font-family: 'Libre Baskerville', Georgia, Times New Roman, Serif; } |
|
|
|
.site-name { |
|
font-size: 12rem; } |
|
|
|
/*# sourceMappingURL=style.css.map */
|
|
|