From fc7125b8cd92c989d964d4c71e7833c559fdb4fe Mon Sep 17 00:00:00 2001 From: "nicolas.dorier" Date: Mon, 25 Oct 2021 15:04:24 +0900 Subject: [PATCH] Fix: Fonts and Home background not loading properly when using rootpath --- .../wwwroot/main/fonts/Montserrat.css | 24 +++++------ BTCPayServer/wwwroot/main/fonts/OpenSans.css | 40 +++++++++---------- BTCPayServer/wwwroot/main/fonts/Roboto.css | 24 +++++------ .../wwwroot/main/fonts/RobotoMono.css | 4 +- BTCPayServer/wwwroot/main/site.css | 4 +- 5 files changed, 48 insertions(+), 48 deletions(-) diff --git a/BTCPayServer/wwwroot/main/fonts/Montserrat.css b/BTCPayServer/wwwroot/main/fonts/Montserrat.css index d670e2c10..e087dbdc5 100644 --- a/BTCPayServer/wwwroot/main/fonts/Montserrat.css +++ b/BTCPayServer/wwwroot/main/fonts/Montserrat.css @@ -5,8 +5,8 @@ font-weight: 300; font-display: swap; src: local('Montserrat Light'), local('Montserrat-Light'), - url('/fonts/montserrat-v14-latin-ext_latin-300.woff2') format('woff2'), - url('/fonts/montserrat-v14-latin-ext_latin-300.woff') format('woff'); + url('../../fonts/montserrat-v14-latin-ext_latin-300.woff2') format('woff2'), + url('../../fonts/montserrat-v14-latin-ext_latin-300.woff') format('woff'); } @font-face { @@ -15,8 +15,8 @@ font-weight: 300; font-display: swap; src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'), - url('/fonts/montserrat-v14-latin-ext_latin-300italic.woff2') format('woff2'), - url('/fonts/montserrat-v14-latin-ext_latin-300italic.woff') format('woff'); + url('../../fonts/montserrat-v14-latin-ext_latin-300italic.woff2') format('woff2'), + url('../../fonts/montserrat-v14-latin-ext_latin-300italic.woff') format('woff'); } @font-face { @@ -25,8 +25,8 @@ font-weight: 400; font-display: swap; src: local('Montserrat Regular'), local('Montserrat-Regular'), - url('/fonts/montserrat-v14-latin-ext_latin-regular.woff2') format('woff2'), - url('/fonts/montserrat-v14-latin-ext_latin-regular.woff') format('woff'); + url('../../fonts/montserrat-v14-latin-ext_latin-regular.woff2') format('woff2'), + url('../../fonts/montserrat-v14-latin-ext_latin-regular.woff') format('woff'); } @font-face { @@ -35,8 +35,8 @@ font-weight: 400; font-display: swap; src: local('Montserrat Italic'), local('Montserrat-Italic'), - url('/fonts/montserrat-v14-latin-ext_latin-italic.woff2') format('woff2'), - url('/fonts/montserrat-v14-latin-ext_latin-italic.woff') format('woff'); + url('../../fonts/montserrat-v14-latin-ext_latin-italic.woff2') format('woff2'), + url('../../fonts/montserrat-v14-latin-ext_latin-italic.woff') format('woff'); } @font-face { @@ -45,8 +45,8 @@ font-weight: 700; font-display: swap; src: local('Montserrat Bold'), local('Montserrat-Bold'), - url('/fonts/montserrat-v14-latin-ext_latin-700.woff2') format('woff2'), - url('/fonts/montserrat-v14-latin-ext_latin-700.woff') format('woff'); + url('../../fonts/montserrat-v14-latin-ext_latin-700.woff2') format('woff2'), + url('../../fonts/montserrat-v14-latin-ext_latin-700.woff') format('woff'); } @font-face { @@ -55,6 +55,6 @@ font-weight: 700; font-display: swap; src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'), - url('/fonts/montserrat-v14-latin-ext_latin-700italic.woff2') format('woff2'), - url('/fonts/montserrat-v14-latin-ext_latin-700italic.woff') format('woff'); + url('../../fonts/montserrat-v14-latin-ext_latin-700italic.woff2') format('woff2'), + url('../../fonts/montserrat-v14-latin-ext_latin-700italic.woff') format('woff'); } diff --git a/BTCPayServer/wwwroot/main/fonts/OpenSans.css b/BTCPayServer/wwwroot/main/fonts/OpenSans.css index 4c2541207..dbc78f31b 100644 --- a/BTCPayServer/wwwroot/main/fonts/OpenSans.css +++ b/BTCPayServer/wwwroot/main/fonts/OpenSans.css @@ -5,8 +5,8 @@ font-weight: 300; font-display: swap; src: local('Open Sans Light'), local('OpenSans-Light'), - url('/fonts/open-sans-v17-latin-ext_latin-300.woff2') format('woff2'), - url('/fonts/open-sans-v17-latin-ext_latin-300.woff') format('woff'); + url('../../fonts/open-sans-v17-latin-ext_latin-300.woff2') format('woff2'), + url('../../fonts/open-sans-v17-latin-ext_latin-300.woff') format('woff'); } @font-face { @@ -15,8 +15,8 @@ font-weight: 400; font-display: swap; src: local('Open Sans Regular'), local('OpenSans-Regular'), - url('/fonts/open-sans-v17-latin-ext_latin-regular.woff2') format('woff2'), - url('/fonts/open-sans-v17-latin-ext_latin-regular.woff') format('woff'); + url('../../fonts/open-sans-v17-latin-ext_latin-regular.woff2') format('woff2'), + url('../../fonts/open-sans-v17-latin-ext_latin-regular.woff') format('woff'); } @font-face { @@ -25,8 +25,8 @@ font-weight: 400; font-display: swap; src: local('Open Sans Italic'), local('OpenSans-Italic'), - url('/fonts/open-sans-v17-latin-ext_latin-italic.woff2') format('woff2'), - url('/fonts/open-sans-v17-latin-ext_latin-italic.woff') format('woff'); + url('../../fonts/open-sans-v17-latin-ext_latin-italic.woff2') format('woff2'), + url('../../fonts/open-sans-v17-latin-ext_latin-italic.woff') format('woff'); } @font-face { @@ -35,8 +35,8 @@ font-weight: 600; font-display: swap; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), - url('/fonts/open-sans-v17-latin-ext_latin-600.woff2') format('woff2'), - url('/fonts/open-sans-v17-latin-ext_latin-600.woff') format('woff'); + url('../../fonts/open-sans-v17-latin-ext_latin-600.woff2') format('woff2'), + url('../../fonts/open-sans-v17-latin-ext_latin-600.woff') format('woff'); } @font-face { @@ -45,8 +45,8 @@ font-weight: 300; font-display: swap; src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), - url('/fonts/open-sans-v17-latin-ext_latin-300italic.woff2') format('woff2'), - url('/fonts/open-sans-v17-latin-ext_latin-300italic.woff') format('woff'); + url('../../fonts/open-sans-v17-latin-ext_latin-300italic.woff2') format('woff2'), + url('../../fonts/open-sans-v17-latin-ext_latin-300italic.woff') format('woff'); } @font-face { @@ -55,8 +55,8 @@ font-weight: 600; font-display: swap; src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), - url('/fonts/open-sans-v17-latin-ext_latin-600italic.woff2') format('woff2'), - url('/fonts/open-sans-v17-latin-ext_latin-600italic.woff') format('woff'); + url('../../fonts/open-sans-v17-latin-ext_latin-600italic.woff2') format('woff2'), + url('../../fonts/open-sans-v17-latin-ext_latin-600italic.woff') format('woff'); } @font-face { @@ -65,8 +65,8 @@ font-weight: 700; font-display: swap; src: local('Open Sans Bold'), local('OpenSans-Bold'), - url('/fonts/open-sans-v17-latin-ext_latin-700.woff2') format('woff2'), - url('/fonts/open-sans-v17-latin-ext_latin-700.woff') format('woff'); + url('../../fonts/open-sans-v17-latin-ext_latin-700.woff2') format('woff2'), + url('../../fonts/open-sans-v17-latin-ext_latin-700.woff') format('woff'); } @font-face { @@ -75,8 +75,8 @@ font-weight: 700; font-display: swap; src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), - url('/fonts/open-sans-v17-latin-ext_latin-700italic.woff2') format('woff2'), - url('/fonts/open-sans-v17-latin-ext_latin-700italic.woff') format('woff'); + url('../../fonts/open-sans-v17-latin-ext_latin-700italic.woff2') format('woff2'), + url('../../fonts/open-sans-v17-latin-ext_latin-700italic.woff') format('woff'); } @font-face { @@ -85,8 +85,8 @@ font-weight: 800; font-display: swap; src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), - url('/fonts/open-sans-v17-latin-ext_latin-800.woff2') format('woff2'), - url('/fonts/open-sans-v17-latin-ext_latin-800.woff') format('woff'); + url('../../fonts/open-sans-v17-latin-ext_latin-800.woff2') format('woff2'), + url('../../fonts/open-sans-v17-latin-ext_latin-800.woff') format('woff'); } @font-face { @@ -95,6 +95,6 @@ font-weight: 800; font-display: swap; src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), - url('/fonts/open-sans-v17-latin-ext_latin-800italic.woff2') format('woff2'), - url('/fonts/open-sans-v17-latin-ext_latin-800italic.woff') format('woff'); + url('../../fonts/open-sans-v17-latin-ext_latin-800italic.woff2') format('woff2'), + url('../../fonts/open-sans-v17-latin-ext_latin-800italic.woff') format('woff'); } diff --git a/BTCPayServer/wwwroot/main/fonts/Roboto.css b/BTCPayServer/wwwroot/main/fonts/Roboto.css index 43b40a911..4a86eac89 100644 --- a/BTCPayServer/wwwroot/main/fonts/Roboto.css +++ b/BTCPayServer/wwwroot/main/fonts/Roboto.css @@ -5,8 +5,8 @@ font-weight: 400; font-display: swap; src: local('Roboto'), local('Roboto-Regular'), - url('/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), - url('/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'); + url('../../fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), + url('../../fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'); } @font-face { @@ -15,8 +15,8 @@ font-weight: 400; font-display: swap; src: local('Roboto Italic'), local('Roboto-Italic'), - url('/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff2') format('woff2'), - url('/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff') format('woff'); + url('../../fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff2') format('woff2'), + url('../../fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff') format('woff'); } @font-face { @@ -25,8 +25,8 @@ font-weight: 500; font-display: swap; src: local('Roboto Medium'), local('Roboto-Medium'), - url('/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff2') format('woff2'), - url('/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff') format('woff'); + url('../../fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff2') format('woff2'), + url('../../fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff') format('woff'); } @font-face { @@ -35,8 +35,8 @@ font-weight: 500; font-display: swap; src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), - url('/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500italic.woff2') format('woff2'), - url('/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500italic.woff') format('woff'); + url('../../fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500italic.woff2') format('woff2'), + url('../../fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500italic.woff') format('woff'); } @font-face { @@ -45,8 +45,8 @@ font-weight: 700; font-display: swap; src: local('Roboto Bold'), local('Roboto-Bold'), - url('/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2') format('woff2'), - url('/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff') format('woff'); + url('../../fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2') format('woff2'), + url('../../fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff') format('woff'); } @font-face { @@ -55,6 +55,6 @@ font-weight: 700; font-display: swap; src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), - url('/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff2') format('woff2'), - url('/fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff') format('woff'); + url('../../fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff2') format('woff2'), + url('../../fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700italic.woff') format('woff'); } diff --git a/BTCPayServer/wwwroot/main/fonts/RobotoMono.css b/BTCPayServer/wwwroot/main/fonts/RobotoMono.css index 01d7fb5a2..e4b554357 100644 --- a/BTCPayServer/wwwroot/main/fonts/RobotoMono.css +++ b/BTCPayServer/wwwroot/main/fonts/RobotoMono.css @@ -4,6 +4,6 @@ font-style: normal; font-weight: 400; font-display: swap; - src: url('/fonts/roboto-mono-v12-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), - url('/fonts/roboto-mono-v12-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'); + src: url('../../fonts/roboto-mono-v12-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), + url('../../fonts/roboto-mono-v12-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'); } diff --git a/BTCPayServer/wwwroot/main/site.css b/BTCPayServer/wwwroot/main/site.css index 1fa59eed4..b15974e02 100644 --- a/BTCPayServer/wwwroot/main/site.css +++ b/BTCPayServer/wwwroot/main/site.css @@ -1,4 +1,4 @@ -/* Set scroll padding so that anchors don't disappear underneath the fixed navbar */ +/* Set scroll padding so that anchors don't disappear underneath the fixed navbar */ html { scroll-padding-top: 5rem; } @@ -445,7 +445,7 @@ header.masthead::before { left: 0; width: 100%; height: 100%; - background-image: url("../../img/bg.png"); + background-image: url("../img/bg.png"); background-position: center; background-size: cover; }