diff options
-rw-r--r-- | exampleSite/config.toml | 22 | ||||
-rw-r--r-- | layouts/home.defaultcss.css | 334 |
2 files changed, 172 insertions, 184 deletions
diff --git a/exampleSite/config.toml b/exampleSite/config.toml index 2024ee0..d795df9 100644 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -13,25 +13,13 @@ theme = "health-science-journal" eISSN = "XXXX-XXXX" printISSN = "XXXX-XXXX" - ## CUSTOM COLOURS - ### Main three colours to change - primaryColour = "#10beca" - linkColour = "#0a7b83" - badgeBackgroundColour = "#b8eff3" - - ### Additional colours that don't change often - alertDangerBackgroundColour = "#ca1031" - alertColour = "#000" - alertDangerColour = "#fff" - bodyColour = "#333" - buttonBorderColour = "#757575" - buttonLightColour = "#f7f7f7" - pageItemBorderColour = "#ddd" - - ## DEFAULT COLOUR VALUES - ## default primary = "#10beca" + ## CUSTOM THEME COLOURS + ### Main three colours to change. If parameters not set, default colours will be applied. + ## primaryColour = "#10beca" ## linkColour = "#0a7b83" ## badgeBackgroundColour = "#b8eff3" + + ### Additional colours that don't change often ## alertDangerBackgroundColour = "#ca1031" ## alertColour = "#000" ## alertDangerColour = "#fff" diff --git a/layouts/home.defaultcss.css b/layouts/home.defaultcss.css index 803c5b1..d6a6bcc 100644 --- a/layouts/home.defaultcss.css +++ b/layouts/home.defaultcss.css @@ -2,7 +2,7 @@ body { font-family:'Fira Sans',sans-serif; font-weight:400; font-size:16px; - color:{{ .Site.Params.bodyColour }} + color:{{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }} } h1, h2, @@ -19,11 +19,11 @@ h6, font-family:'Droid Serif',serif } a { - color:{{ .Site.Params.linkColour }} + color:{{ with .Site.Params.linkColour }}{{ . }}{{ else }}#0a7b83{{ end }} } a:hover, a:focus { - color:{{ .Site.Params.primaryColour }} + color:{{ with .Site.Params.primaryColour }}{{ . }}{{ else }}#10beca{{ end }} } .page-content p, .page-content li { @@ -62,41 +62,41 @@ h6 { font-size:16px } .alert-primary { - background-color:{{ .Site.Params.primaryColour }}; - border-color:{{ .Site.Params.primaryColour }}; - color:{{ .Site.Params.alertColour }} + background-color:{{ with .Site.Params.primaryColour }}{{ . }}{{ else }}#10beca{{ end }}; + border-color:{{ with .Site.Params.primaryColour }}{{ . }}{{ else }}#10beca{{ end }}; + color:{{ with .Site.Params.alertColour }}{{ . }}{{ else }}#000{{ end }} } .alert-primary a, .alert-primary a:hover, .alert-primary a:focus, .alert-primary a:active { - color:{{ .Site.Params.alertDangerColour }}; + color:{{ with .Site.Params.alertDangerColour }}{{ . }}{{ else }}#fff{{ end }}; text-decoration:underline } .alert-danger { - background-color:{{ .Site.Params.alertDangerBackgroundColour }}; - color:{{ .Site.Params.alertDangerColour }} + background-color:{{ with .Site.Params.alertDangerBackgroundColour }}{{ . }}{{ else }}#ca1031{{ end }}; + color:{{ with .Site.Params.alertDangerColour }}{{ . }}{{ else }}#fff{{ end }} } .alert-danger a, .alert-danger a:hover, .alert-danger a:focus, .alert-danger a:active { - color:{{ .Site.Params.alertDangerColour }}; + color:{{ with .Site.Params.alertDangerColour }}{{ . }}{{ else }}#fff{{ end }}; text-decoration:underline } .badge-light { - background:{{ .Site.Params.badgeBackgroundColour }}; - color:{{ .Site.Params.bodyColour }} + background:{{ with .Site.Params.badgeBackgroundColour }}{{ . }}#b8eff3{{ end }}; + color:{{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }} } .btn { padding:.5em 1em; border-radius:0; - border:1px solid {{ .Site.Params.buttonBorderColour }}; + border:1px solid {{ with .Site.Params.buttonBorderColour }}{{ . }}{{ else }}#757575{{ end }}; background:transparent; font-family:'Fira Sans',sans-serif; font-size:18px; font-weight:400; - color:{{ .Site.Params.bodyColour }}; + color:{{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }}; text-decoration:none; cursor:pointer } @@ -104,74 +104,74 @@ h6 { .btn:focus, .btn:active { box-shadow:none; - color:{{ .Site.Params.primaryColour }}; - border-color:{{ .Site.Params.primaryColour }}; + color:{{ with .Site.Params.primaryColour }}{{ . }}{{ else }}#10beca{{ end }}; + border-color:{{ with .Site.Params.primaryColour }}{{ . }}{{ else }}#10beca{{ end }}; text-decoration:none } .btn.btn { font-size:1rem } .btn-primary { - background:{{ .Site.Params.primaryColour }}; - border-color:{{ .Site.Params.primaryColour }}; - color:{{ .Site.Params.alertColour }} + background:{{ with .Site.Params.primaryColour }}{{ . }}{{ else }}#10beca{{ end }}; + border-color:{{ with .Site.Params.primaryColour }}{{ . }}{{ else }}#10beca{{ end }}; + color:{{ with .Site.Params.alertColour }}{{ . }}{{ else }}#000{{ end }} } .btn-primary:hover, .btn-primary:focus, .btn-primary:active { - background:{{ .Site.Params.linkColour }} !important; - border-color:{{ .Site.Params.linkColour }} !important; - color:{{ .Site.Params.alertColour }} + background:{{ with .Site.Params.linkColour }}{{ . }}{{ else }}#0a7b83{{ end }} !important; + border-color:{{ with .Site.Params.linkColour }}{{ . }}{{ else }}#0a7b83{{ end }} !important; + color:{{ with .Site.Params.alertColour }}{{ . }}{{ else }}#000{{ end }} } .btn-light { - border-color:{{ .Site.Params.buttonLightColour }}; - color:{{ .Site.Params.buttonLightColour }} + border-color:{{ with .Site.Params.buttonLightColour }}{{ . }}{{ else }}#f7f7f7{{ end }}; + color:{{ with .Site.Params.buttonLightColour }}{{ . }}{{ else }}#f7f7f7{{ end }} } .btn-light:hover, .btn-light:focus, .btn-light:active { - background:{{ .Site.Params.buttonLightColour }}; - color:{{ .Site.Params.bodyColour }} + background:{{ with .Site.Params.buttonLightColour }}{{ . }}{{ else }}#f7f7f7{{ end }}; + color:{{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }} } .btn-primary-bg { - background:{{ .Site.Params.buttonLightColour }}; - border-color:{{ .Site.Params.buttonLightColour }}; - color:{{ .Site.Params.bodyColour }} + background:{{ with .Site.Params.buttonLightColour }}{{ . }}{{ else }}#f7f7f7{{ end }}; + border-color:{{ with .Site.Params.buttonLightColour }}{{ . }}{{ else }}#f7f7f7{{ end }}; + color:{{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }} } .btn-primary-bg:hover, .btn-primary-bg:focus, .btn-primary-bg:active { - background:{{ .Site.Params.buttonLightColour }}; - border-color:{{ .Site.Params.bodyColour }}; - color:{{ .Site.Params.bodyColour }} + background:{{ with .Site.Params.buttonLightColour }}{{ . }}{{ else }}#f7f7f7{{ end }}; + border-color:{{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }}; + color:{{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }} } .btn-link { border-color:transparent; font-weight:400; - color:{{ .Site.Params.primaryColour }} + color:{{ with .Site.Params.primaryColour }}{{ . }}{{ else }}#10beca{{ end }} } .btn-link:hover, .btn-link:focus, .btn-link:active { border-color:transparent; - color:{{ .Site.Params.linkColour }} + color:{{ with .Site.Params.linkColour }}{{ . }}{{ else }}#0a7b83{{ end }} } .btn-text { border-color:transparent; font-weight:400; - color:{{ .Site.Params.primaryColour }}; - color:{{ .Site.Params.bodyColour }} + color:{{ with .Site.Params.primaryColour }}{{ . }}{{ else }}#10beca{{ end }}; + color:{{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }} } .btn-text:hover, .btn-text:focus, .btn-text:active { border-color:transparent; - color:{{ .Site.Params.linkColour }} + color:{{ with .Site.Params.linkColour }}{{ . }}{{ else }}#0a7b83{{ end }} } .btn-text:hover, .btn-text:focus, .btn-text:active { - color:{{ .Site.Params.primaryColour }} + color:{{ with .Site.Params.primaryColour }}{{ . }}{{ else }}#10beca{{ end }} } .card { border:none; @@ -190,23 +190,23 @@ h6 { } .dropdown-menu { padding:0.5em; - background:{{ .Site.Params.primaryColour }}; + background:{{ with .Site.Params.primaryColour }}{{ . }}{{ else }}#10beca{{ end }}; border:none; border-radius:0; - color:{{ .Site.Params.alertColour }} + color:{{ with .Site.Params.alertColour }}{{ . }}{{ else }}#000{{ end }} } .dropdown-item { padding-left:0.5em; padding-right:0.5em; - color:{{ .Site.Params.alertColour }}; + color:{{ with .Site.Params.alertColour }}{{ . }}{{ else }}#000{{ end }}; text-transform:none; border:1px solid transparent } .dropdown-item:hover, .dropdown-item:focus { - background:{{ .Site.Params.primaryColour }}; - border-color:{{ .Site.Params.alertColour }}; - color:{{ .Site.Params.alertColour }}; + background:{{ with .Site.Params.primaryColour }}{{ . }}{{ else }}#10beca{{ end }}; + border-color:{{ with .Site.Params.alertColour }}{{ . }}{{ else }}#000{{ end }}; + color:{{ with .Site.Params.alertColour }}{{ . }}{{ else }}#000{{ end }}; outline:0 } .dropdown-header { @@ -215,10 +215,10 @@ h6 { font-family:'Fira Sans',sans-serif; font-weight:700; font-size:0.9rem; - color:{{ .Site.Params.alertColour }} + color:{{ with .Site.Params.alertColour }}{{ . }}{{ else }}#000{{ end }} } ::placeholder { - color:{{ .Site.Params.alertDangerColour }}; + color:{{ with .Site.Params.alertDangerColour }}{{ . }}{{ else }}#fff{{ end }}; font-style:italic } legend { @@ -236,7 +236,7 @@ legend { -webkit-appearance:none } .main-header { - background-color:{{ .Site.Params.buttonLightColour }} + background-color:{{ with .Site.Params.buttonLightColour }}{{ . }}{{ else }}#f7f7f7{{ end }} } .main-header .container { position:relative @@ -280,7 +280,7 @@ legend { font-size:14px } .navbar-logo-text:hover { - color:{{ .Site.Params.bodyColour }} + color:{{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }} } #languageSmallNav { margin-top:1em @@ -291,19 +291,19 @@ legend { } #languageSmallNav .dropdown-item:hover, #languageSmallNav .dropdown-item:focus { - color:{{ .Site.Params.alertDangerColour }} + color:{{ with .Site.Params.alertDangerColour }}{{ . }}{{ else }}#fff{{ end }} } .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .dropdown-item { - color:{{ .Site.Params.bodyColour }} + color:{{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }} } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .dropdown-item:hover, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .dropdown-item:focus { outline:0; - background:{{ .Site.Params.primaryColour }}; - color:{{ .Site.Params.alertDangerColour }} + background:{{ with .Site.Params.primaryColour }}{{ . }}{{ else }}#10beca{{ end }}; + color:{{ with .Site.Params.alertDangerColour }}{{ . }}{{ else }}#fff{{ end }} } .navbar-light .navbar-nav .dropdown-menu { background:transparent; @@ -343,10 +343,10 @@ legend { max-height:75px } .navbar-logo a { - color:{{ .Site.Params.bodyColour }} + color:{{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }} } .navbar-logo a:hover { - color:{{ .Site.Params.bodyColour }}; + color:{{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }}; text-decoration:none } .navbar-logo-text { @@ -376,8 +376,8 @@ legend { #primaryNav .nav-link:hover, #primaryNav .nav-link:focus { background:transparent; - color:{{ .Site.Params.bodyColour }}; - border-color:{{ .Site.Params.buttonBorderColour }} + color:{{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }}; + border-color:{{ with .Site.Params.buttonBorderColour }}{{ . }}{{ else }}#757575{{ end }} } #primaryNav .dropdown-item { padding:0.5rem @@ -385,8 +385,8 @@ legend { #primaryNav .dropdown-item:hover, #primaryNav .dropdown-item:focus { background:transparent; - color:{{ .Site.Params.alertColour }}; - border-color:{{ .Site.Params.badgeBackgroundColour }} + color:{{ with .Site.Params.alertColour }}{{ . }}{{ else }}#000{{ end }}; + border-color:{{ with .Site.Params.badgeBackgroundColour }}{{ . }}#b8eff3{{ end }} } #primaryNav .dropdown-menu.show { display:flex; @@ -399,19 +399,19 @@ legend { width:100%; margin:0; padding:1rem; - background-color:{{ .Site.Params.primaryColour }}; + background-color:{{ with .Site.Params.primaryColour }}{{ . }}{{ else }}#10beca{{ end }}; border-radius:0 } #primaryNav .dropdown-item { font-size:17px; - color:{{ .Site.Params.alertColour }}; + color:{{ with .Site.Params.alertColour }}{{ . }}{{ else }}#000{{ end }}; text-align:center; width:initial } #primaryNav .dropdown-item:focus, #primaryNav .dropdown-item:hover { - color:{{ .Site.Params.alertColour }}; - background-color:{{ .Site.Params.primaryColour }} + color:{{ with .Site.Params.alertColour }}{{ . }}{{ else }}#000{{ end }}; + background-color:{{ with .Site.Params.primaryColour }}{{ . }}{{ else }}#10beca{{ end }} } #userNav { position:absolute; @@ -432,7 +432,7 @@ legend { } #userNav .nav-link, .language-toggle .dropdown-toggle { - color:{{ .Site.Params.bodyColour }}; + color:{{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }}; border:1px solid transparent; font-size:12px; font-weight:400; @@ -444,40 +444,40 @@ legend { #userNav .nav-link:focus, .language-toggle .dropdown-toggle:focus { outline:0; - border-color:{{ .Site.Params.buttonBorderColour }} + border-color:{{ with .Site.Params.buttonBorderColour }}{{ . }}{{ else }}#757575{{ end }} } #userNav .dropdown-item, .language-toggle .dropdown-item { padding-left:0.5em; font-size:14px; - color:{{ .Site.Params.alertDangerColour }}; + color:{{ with .Site.Params.alertDangerColour }}{{ . }}{{ else }}#fff{{ end }}; text-transform:none } #userNav .dropdown-item:hover, .language-toggle .dropdown-item:hover, #userNav .dropdown-item:focus, .language-toggle .dropdown-item:focus { - color:{{ .Site.Params.alertDangerColour }} + color:{{ with .Site.Params.alertDangerColour }}{{ . }}{{ else }}#fff{{ end }} } } .page-link { - color:{{ .Site.Params.primaryColour }} + color:{{ with .Site.Params.primaryColour }}{{ . }}{{ else }}#10beca{{ end }} } .page-link:hover, .page-link:focus { - background:{{ .Site.Params.primaryColour }}; - color:{{ .Site.Params.alertDangerColour }} + background:{{ with .Site.Params.primaryColour }}{{ . }}{{ else }}#10beca{{ end }}; + color:{{ with .Site.Params.alertDangerColour }}{{ . }}{{ else }}#fff{{ end }} } .page-item.active .page-link { background:transparent; - border-color:{{ .Site.Params.pageItemBorderColour }}; - color:{{ .Site.Params.bodyColour }} + border-color:{{ with .Site.Params.pageItemBorderColour }}{{ . }}{{ else }}#ddd{{ end }}; + color:{{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }} } .page-item.active .page-link:hover, .page-item.active .page-link:focus { background:transparent; - border-color:{{ .Site.Params.pageItemBorderColour }}; - color:{{ .Site.Params.bodyColour }} + border-color:{{ with .Site.Params.pageItemBorderColour }}{{ . }}{{ else }}#ddd{{ end }}; + color:{{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }} } @media (min-width:768px) { .page-item.active .page-link { @@ -487,17 +487,17 @@ legend { } .search-filters { padding:1rem; - background:{{ .Site.Params.buttonLightColour }} + background:{{ with .Site.Params.buttonLightColour }}{{ . }}{{ else }}#f7f7f7{{ end }} } .search-filters h2 { margin-bottom:2rem; font-size:1.5rem; line-height:1.6rem; - color:{{ .Site.Params.buttonBorderColour }} + color:{{ with .Site.Params.buttonBorderColour }}{{ . }}{{ else }}#757575{{ end }} } .search-filters label { font-size:0.9rem; - color:{{ .Site.Params.buttonBorderColour }} + color:{{ with .Site.Params.buttonBorderColour }}{{ . }}{{ else }}#757575{{ end }} } .search-filters .form-control { background:transparent @@ -528,51 +528,51 @@ legend { max-width:540px } .modal-header { - border-color:{{ .Site.Params.alertColour }} + border-color:{{ with .Site.Params.alertColour }}{{ . }}{{ else }}#000{{ end }} } .modal-content { border-radius:0; - background:{{ .Site.Params.primaryColour }}; - color:{{ .Site.Params.alertColour }} + background:{{ with .Site.Params.primaryColour }}{{ . }}{{ else }}#10beca{{ end }}; + color:{{ with .Site.Params.alertColour }}{{ . }}{{ else }}#000{{ end }} } .modal-content .close { - color:{{ .Site.Params.alertColour }}; + color:{{ with .Site.Params.alertColour }}{{ . }}{{ else }}#000{{ end }}; text-shadow:none; opacity:1 } .modal-content a { - color:{{ .Site.Params.alertColour }}; + color:{{ with .Site.Params.alertColour }}{{ . }}{{ else }}#000{{ end }}; text-decoration:underline } .modal-content a:hover, .modal-content a:focus { - color:{{ .Site.Params.alertColour }} + color:{{ with .Site.Params.alertColour }}{{ . }}{{ else }}#000{{ end }} } .modal-content .btn-primary { - background:{{ .Site.Params.buttonLightColour }}; - border-color:{{ .Site.Params.buttonLightColour }}; - color:{{ .Site.Params.bodyColour }} + background:{{ with .Site.Params.buttonLightColour }}{{ . }}{{ else }}#f7f7f7{{ end }}; + border-color:{{ with .Site.Params.buttonLightColour }}{{ . }}{{ else }}#f7f7f7{{ end }}; + color:{{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }} } .modal-content .btn-primary:hover, .modal-content .btn-primary:focus, .modal-content .btn-primary:active { - background:{{ .Site.Params.buttonLightColour }}; - border-color:{{ .Site.Params.bodyColour }}; - color:{{ .Site.Params.bodyColour }} + background:{{ with .Site.Params.buttonLightColour }}{{ . }}{{ else }}#f7f7f7{{ end }}; + border-color:{{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }}; + color:{{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }} } .modal-content .btn-link { - color:{{ .Site.Params.alertColour }}; + color:{{ with .Site.Params.alertColour }}{{ . }}{{ else }}#000{{ end }}; text-decoration:none } .modal-content .btn-link:hover, .modal-content .btn-link:focus { - color:{{ .Site.Params.alertColour }}; - border-color:{{ .Site.Params.alertColour }} + color:{{ with .Site.Params.alertColour }}{{ . }}{{ else }}#000{{ end }}; + border-color:{{ with .Site.Params.alertColour }}{{ . }}{{ else }}#000{{ end }} } .modal-content .form-control { background:transparent; - border-color:{{ .Site.Params.alertColour }}; - color:{{ .Site.Params.alertColour }} + border-color:{{ with .Site.Params.alertColour }}{{ . }}{{ else }}#000{{ end }}; + color:{{ with .Site.Params.alertColour }}{{ . }}{{ else }}#000{{ end }} } @media (min-width:992px) { .modal-content { @@ -611,12 +611,12 @@ legend { #connect-orcid-button { padding:.5em 1em; border-radius:0; - border:1px solid {{ .Site.Params.buttonBorderColour }}; + border:1px solid {{ with .Site.Params.buttonBorderColour }}{{ . }}{{ else }}#757575{{ end }}; background:transparent; font-family:'Fira Sans',sans-serif; font-size:18px; font-weight:400; - color:{{ .Site.Params.bodyColour }}; + color:{{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }}; text-decoration:none; cursor:pointer; display:block; @@ -627,8 +627,8 @@ legend { #connect-orcid-button:focus, #connect-orcid-button:active { box-shadow:none; - color:{{ .Site.Params.primaryColour }}; - border-color:{{ .Site.Params.primaryColour }}; + color:{{ with .Site.Params.primaryColour }}{{ . }}{{ else }}#10beca{{ end }}; + border-color:{{ with .Site.Params.primaryColour }}{{ . }}{{ else }}#10beca{{ end }}; text-decoration:none } .form-register fieldset.reviewer legend { @@ -652,7 +652,7 @@ legend { margin-top:0; margin-bottom:0.5rem; font-size:0.9rem; - color:{{ .Site.Params.buttonBorderColour }} + color:{{ with .Site.Params.buttonBorderColour }}{{ . }}{{ else }}#757575{{ end }} } .form-register .list-group-item-heading { font-family:'Droid Serif',serif; @@ -687,7 +687,7 @@ legend { margin-bottom:12px } #tagitInput { - border-bottom:1px solid {{ .Site.Params.bodyColour }}; + border-bottom:1px solid {{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }}; padding:1px 0; overflow:auto; display:flex; @@ -698,7 +698,7 @@ legend { .tagit-choice { padding-top:2px; margin-right:8px; - background-color:{{ .Site.Params.badgeBackgroundColour }}; + background-color:{{ with .Site.Params.badgeBackgroundColour }}{{ . }}#b8eff3{{ end }}; padding-left:4px; padding-right:4px } @@ -733,14 +733,14 @@ a.tagit-close { .article-summary-pages { font-size:14px; line-height:1.5em; - color:{{ .Site.Params.buttonBorderColour }} + color:{{ with .Site.Params.buttonBorderColour }}{{ . }}{{ else }}#757575{{ end }} } .article-summary-title { font-size:1.25rem; font-family:'Droid Serif',serif } .article-summary-title a { - color:{{ .Site.Params.bodyColour }} + color:{{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }} } .article-summary-title a:hover { text-decoration:none @@ -752,20 +752,20 @@ a.tagit-close { margin-top:0.5rem; font-family:'Droid Serif',serif; font-size:1rem; - color:{{ .Site.Params.buttonBorderColour }} + color:{{ with .Site.Params.buttonBorderColour }}{{ . }}{{ else }}#757575{{ end }} } .article-details-issue-identifier { margin-bottom:0.5em; font-family:'Droid Serif',serif; - color:{{ .Site.Params.buttonBorderColour }} + color:{{ with .Site.Params.buttonBorderColour }}{{ . }}{{ else }}#757575{{ end }} } .article-details-issue-identifier a { text-decoration:none; - color:{{ .Site.Params.buttonBorderColour }} + color:{{ with .Site.Params.buttonBorderColour }}{{ . }}{{ else }}#757575{{ end }} } .article-details-issue-identifier a:hover, .article-details-issue-identifier a:focus { - color:{{ .Site.Params.buttonBorderColour }} + color:{{ with .Site.Params.buttonBorderColour }}{{ . }}{{ else }}#757575{{ end }} } .article-details h1 { font-size:2rem @@ -776,7 +776,7 @@ a.tagit-close { margin-top:1em; font-size:0.9rem; line-height:1.6em; - color:{{ .Site.Params.buttonBorderColour }} + color:{{ with .Site.Params.buttonBorderColour }}{{ . }}{{ else }}#757575{{ end }} } @media (max-width:991px) { .authors-string { @@ -797,7 +797,7 @@ a.tagit-close { } .article-details-heading, .article-details .item>.label { - color:{{ .Site.Params.buttonBorderColour }} + color:{{ with .Site.Params.buttonBorderColour }}{{ . }}{{ else }}#757575{{ end }} } .article-details-cover { max-width:210px @@ -810,7 +810,7 @@ a.tagit-close { } .article-details-author-affiliation { font-size:0.9rem; - color:{{ .Site.Params.buttonBorderColour }} + color:{{ with .Site.Params.buttonBorderColour }}{{ . }}{{ else }}#757575{{ end }} } .article-details-author-orcid { font-size:0.8rem @@ -820,19 +820,19 @@ a.tagit-close { } .article-details-author-orcid a:hover, .article-details-author-orcid a:focus { - color:{{ .Site.Params.buttonBorderColour }} + color:{{ with .Site.Params.buttonBorderColour }}{{ . }}{{ else }}#757575{{ end }} } .article-details-bio-toggle { padding:0; font-size:0.9rem; - color:{{ .Site.Params.primaryColour }}; + color:{{ with .Site.Params.primaryColour }}{{ . }}{{ else }}#10beca{{ end }}; border:none; background:transparent; cursor:pointer } .article-details-bio-toggle:hover, .article-details-bio-toggle:focus { - color:{{ .Site.Params.buttonBorderColour }} + color:{{ with .Site.Params.buttonBorderColour }}{{ . }}{{ else }}#757575{{ end }} } .article-details-galley:not(:last-child) { margin-bottom:0.5rem @@ -881,25 +881,25 @@ a.tagit-close { content:", " } .authors-string .author-string-href { - color:{{ .Site.Params.bodyColour }}; + color:{{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }}; cursor:pointer } .authors-string .author-string-href:hover { text-decoration:none; - color:{{ .Site.Params.primaryColour }} + color:{{ with .Site.Params.primaryColour }}{{ . }}{{ else }}#10beca{{ end }} } .orcidImage { margin-left:3px; margin-right:1px } .author-string-href.active { - color:{{ .Site.Params.primaryColour }} + color:{{ with .Site.Params.primaryColour }}{{ . }}{{ else }}#10beca{{ end }} } .author-symbol { font-family:sans-serif; font-weight:bold; margin-left:2px; - color:{{ .Site.Params.primaryColour }} + color:{{ with .Site.Params.primaryColour }}{{ . }}{{ else }}#10beca{{ end }} } .author-symbol.hide { display:none @@ -914,13 +914,13 @@ a.tagit-close { } .article-details-main { padding:3rem 6rem; - background:{{ .Site.Params.buttonLightColour }} + background:{{ with .Site.Params.buttonLightColour }}{{ . }}{{ else }}#f7f7f7{{ end }} } .article-details-main .article-details-heading, .article-details-main .item>.label { margin-bottom:1rem; font-size:1.5rem; - color:{{ .Site.Params.bodyColour }} + color:{{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }} } .article-details-main .article-details-block:last-child, .article-details-main .item:last-child { @@ -1018,7 +1018,7 @@ a.tagit-close { order:1 } .article-details-issue-section a { - color:{{ .Site.Params.buttonBorderColour }} + color:{{ with .Site.Params.buttonBorderColour }}{{ . }}{{ else }}#757575{{ end }} } .article-details-published { order:2; @@ -1052,7 +1052,7 @@ a.tagit-close { content:''; border-top:8px solid transparent; border-bottom:8px solid transparent; - border-left:10px solid {{ .Site.Params.linkColour }}; + border-left:10px solid {{ with .Site.Params.linkColour }}{{ . }}{{ else }}#0a7b83{{ end }}; position:absolute; height:10px; left:-30px; @@ -1071,7 +1071,7 @@ a.tagit-close { } #articlesBySameAuthorPages a, #articlesBySameAuthorPages strong { - border:1px solid {{ .Site.Params.buttonBorderColour }}; + border:1px solid {{ with .Site.Params.buttonBorderColour }}{{ . }}{{ else }}#757575{{ end }}; display:block; padding:5px 8px } @@ -1086,7 +1086,7 @@ a.tagit-close { margin:2rem 0; font-family:'Fira Sans',sans-serif; font-size:18px; - color:{{ .Site.Params.linkColour }} + color:{{ with .Site.Params.linkColour }}{{ . }}{{ else }}#0a7b83{{ end }} } .issue-summary { margin-bottom:3rem @@ -1099,16 +1099,16 @@ a.tagit-close { margin-bottom:0 } .issue-summary-series a { - color:{{ .Site.Params.bodyColour }} + color:{{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }} } .issue-summary-series a:hover, .issue-summary-series a:focus { - color:{{ .Site.Params.bodyColour }} + color:{{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }} } .issue-summary-title, .issue-summary-date { font-size:14px; - color:{{ .Site.Params.buttonBorderColour }} + color:{{ with .Site.Params.buttonBorderColour }}{{ . }}{{ else }}#757575{{ end }} } .issue-summary-date { margin-bottom:1rem @@ -1123,7 +1123,7 @@ a.tagit-close { margin-bottom:1rem; font-size:0.9rem; font-family:'Droid Serif',serif; - color:{{ .Site.Params.buttonBorderColour }} + color:{{ with .Site.Params.buttonBorderColour }}{{ . }}{{ else }}#757575{{ end }} } @media (min-width:992px) { .announcement-summary-date { @@ -1184,7 +1184,7 @@ a.tagit-close { .homepage-announcement-date { font-weight:400; font-size:75%; - color:{{ .Site.Params.buttonBorderColour }} + color:{{ with .Site.Params.buttonBorderColour }}{{ . }}{{ else }}#757575{{ end }} } .homepage-issue-current, .homepage-issue-identifier, @@ -1216,7 +1216,7 @@ a.tagit-close { bottom:0; width:100%; height:100px; - background-image:linear-gradient(rgba(255,255,255,0), {{ .Site.Params.alertDangerColour }} 20%) + background-image:linear-gradient(rgba(255,255,255,0), {{ with .Site.Params.alertDangerColour }}{{ . }}{{ else }}#fff{{ end }} 20%) } .homepage-issue-description-more { position:absolute; @@ -1235,7 +1235,7 @@ a.tagit-close { } #homepageDescriptionMore, #homepageDescriptionLess { - color:{{ .Site.Params.linkColour }}; + color:{{ with .Site.Params.linkColour }}{{ . }}{{ else }}#0a7b83{{ end }}; cursor:pointer } .homepage-issue-galleys { @@ -1258,13 +1258,13 @@ a.tagit-close { } .homepage-issue-description-wrapper { padding:3rem; - background:{{ .Site.Params.buttonLightColour }} + background:{{ with .Site.Params.buttonLightColour }}{{ . }}{{ else }}#f7f7f7{{ end }} } .homepage-issue-description { max-height:15em } .homepage-issue-description:after { - background-image:linear-gradient(rgba(255,255,255,0), {{ .Site.Params.buttonLightColour }} 20%) + background-image:linear-gradient(rgba(255,255,255,0), {{ with .Site.Params.buttonLightColour }}{{ . }}{{ else }}#f7f7f7{{ end }} 20%) } .homepage-issue-description .h2 { margin-bottom:1rem @@ -1295,8 +1295,8 @@ a.tagit-close { .homepage-image-behind-issue+.container-homepage-issue .homepage-issue-current, .homepage-image-behind-issue+.container-homepage-issue .homepage-issue-identifier, .homepage-image-behind-issue+.container-homepage-issue .homepage-issue-published { - color:{{ .Site.Params.alertDangerColour }}; - text-shadow:0 0 2px {{ .Site.Params.alertColour }} + color:{{ with .Site.Params.alertDangerColour }}{{ . }}{{ else }}#fff{{ end }}; + text-shadow:0 0 2px {{ with .Site.Params.alertColour }}{{ . }}{{ else }}#000{{ end }} } .homepage-image-behind-issue+.container-homepage-issue .homepage-issue-current { margin-top:3rem @@ -1356,7 +1356,7 @@ a.tagit-close { @media (min-width:992px) { .page-issue-description-wrapper { padding:3rem; - background:{{ .Site.Params.buttonLightColour }} + background:{{ with .Site.Params.buttonLightColour }}{{ . }}{{ else }}#f7f7f7{{ end }} } .page-issue-cover { box-shadow:0 10px 20px rgba(0,0,0,0.1); @@ -1366,7 +1366,7 @@ a.tagit-close { .page-issue-doi, .page-issue-doi a { font-size:14px; - color:{{ .Site.Params.buttonBorderColour }} + color:{{ with .Site.Params.buttonBorderColour }}{{ . }}{{ else }}#757575{{ end }} } .page-issue-date, .page-issue-doi { @@ -1379,7 +1379,7 @@ a.tagit-close { .page-announcement .announcement-date { margin-bottom:0.5rem; font-family:'Droid Serif',serif; - color:{{ .Site.Params.buttonBorderColour }} + color:{{ with .Site.Params.buttonBorderColour }}{{ . }}{{ else }}#757575{{ end }} } @media (min-width:992px) { .page-announcement .announcement-date { @@ -1418,12 +1418,12 @@ a.tagit-close { .page-search .pagination a { padding:.5em 1em; border-radius:0; - border:1px solid {{ .Site.Params.buttonBorderColour }}; + border:1px solid {{ with .Site.Params.buttonBorderColour }}{{ . }}{{ else }}#757575{{ end }}; background:transparent; font-family:'Fira Sans',sans-serif; font-size:18px; font-weight:400; - color:{{ .Site.Params.bodyColour }}; + color:{{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }}; text-decoration:none; cursor:pointer; display:inline-block; @@ -1439,8 +1439,8 @@ a.tagit-close { .page-search .pagination strong:active, .page-search .pagination a:active { box-shadow:none; - color:{{ .Site.Params.primaryColour }}; - border-color:{{ .Site.Params.primaryColour }}; + color:{{ with .Site.Params.primaryColour }}{{ . }}{{ else }}#10beca{{ end }}; + border-color:{{ with .Site.Params.primaryColour }}{{ . }}{{ else }}#10beca{{ end }}; text-decoration:none } .page-search .pagination strong:first-child, @@ -1450,12 +1450,12 @@ a.tagit-close { .page-search .pagination strong { border:none; font-weight:700; - color:{{ .Site.Params.buttonBorderColour }}; + color:{{ with .Site.Params.buttonBorderColour }}{{ . }}{{ else }}#757575{{ end }}; cursor:default } .page-search .pagination strong:hover, .page-search .pagination strong:focus { - color:{{ .Site.Params.buttonBorderColour }} + color:{{ with .Site.Params.buttonBorderColour }}{{ . }}{{ else }}#757575{{ end }} } @media (min-width:992px) { .page-search .search-col-filters { @@ -1475,13 +1475,13 @@ a.tagit-close { } .page-section .section-description { padding:2rem; - background:{{ .Site.Params.buttonLightColour }}; + background:{{ with .Site.Params.buttonLightColour }}{{ . }}{{ else }}#f7f7f7{{ end }}; font-size:1rem; line-height:2 } } .page-view-pdf { - background:{{ .Site.Params.buttonLightColour }} + background:{{ with .Site.Params.buttonLightColour }}{{ . }}{{ else }}#f7f7f7{{ end }} } .pdf-header { display:flex; @@ -1527,7 +1527,7 @@ a.tagit-close { padding-top:30px } .header_view { - background-color:{{ .Site.Params.buttonLightColour }}; + background-color:{{ with .Site.Params.buttonLightColour }}{{ . }}{{ else }}#f7f7f7{{ end }}; position:relative; z-index:2 } @@ -1539,7 +1539,7 @@ a.tagit-close { width:30px; line-height:30px; text-align:center; - background-color:{{ .Site.Params.primaryColour }} + background-color:{{ with .Site.Params.primaryColour }}{{ . }}{{ else }}#10beca{{ end }} } .header_view .return:before { content:"\2190"; @@ -1555,7 +1555,7 @@ a.tagit-close { padding-left:10px; display:block; text-overflow:ellipsis; - color:{{ .Site.Params.alertColour }}; + color:{{ with .Site.Params.alertColour }}{{ . }}{{ else }}#000{{ end }}; height:30px; line-height:30px; max-width:100%; @@ -1590,7 +1590,7 @@ a.tagit-close { } .author-details-issue a, .author-details-issue span { - color:{{ .Site.Params.buttonBorderColour }} + color:{{ with .Site.Params.buttonBorderColour }}{{ . }}{{ else }}#757575{{ end }} } .author-details-issue a { flex:0 0 75%; @@ -1614,7 +1614,7 @@ a.tagit-close { } } .author-details-article a { - color:{{ .Site.Params.bodyColour }} + color:{{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }} } .author-details-article a:hover { text-decoration:none @@ -1628,7 +1628,7 @@ a.tagit-close { @media (min-width:992px) { .page-category-description-wrapper { padding:3rem; - background:{{ .Site.Params.buttonLightColour }} + background:{{ with .Site.Params.buttonLightColour }}{{ . }}{{ else }}#f7f7f7{{ end }} } .page-category-cover { box-shadow:0 10px 20px rgba(0,0,0,0.1); @@ -1636,7 +1636,7 @@ a.tagit-close { } .page-category-count { font-size:14px; - color:{{ .Site.Params.buttonBorderColour }}; + color:{{ with .Site.Params.buttonBorderColour }}{{ . }}{{ else }}#757575{{ end }}; margin-top:1rem } } @@ -1648,7 +1648,7 @@ a.tagit-close { margin:2rem 0; font-family:'Fira Sans',sans-serif; font-size:18px; - color:{{ .Site.Params.primaryColour }} + color:{{ with .Site.Params.primaryColour }}{{ . }}{{ else }}#10beca{{ end }} } .category-subcategories-list { padding-left:0; @@ -1658,13 +1658,13 @@ a.tagit-close { margin-bottom:10px } .category-subcategories-list li a { - color:{{ .Site.Params.bodyColour }}; + color:{{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }}; font-size:1rem; font-family:'Droid Serif',serif } .category-subcategories-list li a:hover { text-decoration:none; - color:{{ .Site.Params.alertColour }} + color:{{ with .Site.Params.alertColour }}{{ . }}{{ else }}#000{{ end }} } .site-footer-sidebar { border-bottom:1px solid rgba(255,255,255,0.4); @@ -1682,37 +1682,37 @@ a.tagit-close { .block_make_submission .block_make_submission_link { padding:.5em 1em; border-radius:0; - border:1px solid {{ .Site.Params.buttonBorderColour }}; + border:1px solid {{ with .Site.Params.buttonBorderColour }}{{ . }}{{ else }}#757575{{ end }}; background:transparent; font-family:'Fira Sans',sans-serif; font-size:18px; font-weight:400; - color:{{ .Site.Params.bodyColour }}; + color:{{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }}; text-decoration:none; cursor:pointer; - border-color:{{ .Site.Params.buttonLightColour }}; - color:{{ .Site.Params.buttonLightColour }}; + border-color:{{ with .Site.Params.buttonLightColour }}{{ . }}{{ else }}#f7f7f7{{ end }}; + color:{{ with .Site.Params.buttonLightColour }}{{ . }}{{ else }}#f7f7f7{{ end }}; display:inline-block; background-color:white; - color:{{ .Site.Params.alertColour }} + color:{{ with .Site.Params.alertColour }}{{ . }}{{ else }}#000{{ end }} } .block_make_submission .block_make_submission_link:hover, .block_make_submission .block_make_submission_link:focus, .block_make_submission .block_make_submission_link:active { box-shadow:none; - color:{{ .Site.Params.primaryColour }}; - border-color:{{ .Site.Params.primaryColour }}; + color:{{ with .Site.Params.primaryColour }}{{ . }}{{ else }}#10beca{{ end }}; + border-color:{{ with .Site.Params.primaryColour }}{{ . }}{{ else }}#10beca{{ end }}; text-decoration:none } .block_make_submission .block_make_submission_link:hover, .block_make_submission .block_make_submission_link:focus, .block_make_submission .block_make_submission_link:active { - background:{{ .Site.Params.buttonLightColour }}; - color:{{ .Site.Params.bodyColour }} + background:{{ with .Site.Params.buttonLightColour }}{{ . }}{{ else }}#f7f7f7{{ end }}; + color:{{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }} } .block_make_submission .block_make_submission_link:focus, .block_make_submission .block_make_submission_link:hover { - background-color:{{ .Site.Params.bodyColour }}; + background-color:{{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }}; border-color:white; color:white } @@ -1758,11 +1758,11 @@ a.tagit-close { margin-top:3rem; padding-top:2rem; padding-bottom:2rem; - background:{{ .Site.Params.bodyColour }}; - color:{{ .Site.Params.alertDangerColour }} + background:{{ with .Site.Params.bodyColour }}{{ . }}{{ else }}#333{{ end }}; + color:{{ with .Site.Params.alertDangerColour }}{{ . }}{{ else }}#fff{{ end }} } .site-footer a { - color:{{ .Site.Params.alertDangerColour }}; + color:{{ with .Site.Params.alertDangerColour }}{{ . }}{{ else }}#fff{{ end }}; text-decoration:underline } .site-footer a:hover, |