diff --git a/layouts/partials/custom-header.html b/layouts/partials/custom-header.html index 1c114cb..9e18013 100644 --- a/layouts/partials/custom-header.html +++ b/layouts/partials/custom-header.html @@ -1,12 +1,7 @@ + - + - - - {{- if .Site.GoogleAnalytics }} - {{ template "_internal/google_analytics.html" . }} - {{- end}} \ No newline at end of file +{{- if .Site.GoogleAnalytics }} +{{ template "_internal/google_analytics.html" . }} +{{- end}} diff --git a/layouts/partials/menu-footer.html b/layouts/partials/menu-footer.html index 8650847..290ac0d 100644 --- a/layouts/partials/menu-footer.html +++ b/layouts/partials/menu-footer.html @@ -25,6 +25,10 @@ } var scheme = githubButtonsScheme(); + document.querySelectorAll('.github-button-container').forEach(function(element) { + element.parentNode.removeChild(element); + }); + var starsElement = document.createElement('a'); starsElement.className = 'github-button'; starsElement.href = 'https://github.com/xjmusic/xjmusic'; @@ -35,8 +39,9 @@ starsElement.textContent = 'Star'; var starsContainerElement = document.createElement('div'); - starsContainerElement.style.paddingTop = '11px'; - starsContainerElement.appendChild( starsElement ); + starsContainerElement.className = 'github-button-container'; + starsContainerElement.style.paddingTop = '11px'; + starsContainerElement.appendChild( starsElement ); var repoListItem = document.querySelector( '#R-shortcuts > .space > li:first-child' ); repoListItem.style.display = 'flex'; diff --git a/static/css/custom.css b/static/css/custom.css new file mode 100644 index 0000000..c588c1a --- /dev/null +++ b/static/css/custom.css @@ -0,0 +1,35 @@ +#R-body img.bg-white { + background-color: white; +} + +body:not(.print) #R-body-inner h1 { + line-height: 1.2em; +} + +body:not(.print) #R-body-inner p { + text-align: left !important; +} + +body:not(.print) #R-body-inner.narrow { + padding: 0 3.75rem 2rem 3.75rem; +} + +@media screen and (max-width: 59.999rem) { + body:not(.print) #R-body-inner.narrow { + padding: 0 2.5rem 1rem 2.5rem; + } +} + +@media only screen and (max-width: 47.999rem) { + body:not(.print) #R-body-inner h1 { + font-size: 2.5rem; + } + + body:not(.print) #R-body-inner.narrow h1 { + font-size: 2.5rem; + } + + body:not(.print) #R-body-inner.narrow { + padding: 0 1.5rem .375rem 1.5rem; + } +} \ No newline at end of file