Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/epistemehealth/health-science-journal.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--exampleSite/config.toml22
-rw-r--r--layouts/home.defaultcss.css334
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,