Improved: show Terms of Service in config menu (#5215)

* Use constants for path to TOS

* improve comments

* TOS title moved to template

* TOS available via config menu

* CSS: improve handling of content of TOS/about

* give info about set/unset TOS in system config

* fix target

* i18n FR

* i18n DE

29 files changed, 32 insertions, 331 deletions

diff --git a/p/themes/Alternative-Dark/adark.css b/p/themes/Alternative-Dark/adark.css
index 3f920ca02..027db127c 100644
--- a/p/themes/Alternative-Dark/adark.css
+++ b/p/themes/Alternative-Dark/adark.css
@@ -621,20 +621,6 @@ kbd {
 	left: 2px;
 }
 
-/*=== Configuration pages */
-.post {
-	padding: 10px 50px;
-	font-size: 0.9em;
-}
-
-.post form {
-	margin: 10px 0;
-}
-
-.post.content {
-	max-width: 550px;
-}
-
 .slides {
 	border-color: var(--border-color-middle);
 }
diff --git a/p/themes/Alternative-Dark/adark.rtl.css b/p/themes/Alternative-Dark/adark.rtl.css
index 5f6ef31b9..0a127c24a 100644
--- a/p/themes/Alternative-Dark/adark.rtl.css
+++ b/p/themes/Alternative-Dark/adark.rtl.css
@@ -621,20 +621,6 @@ kbd {
 	right: 2px;
 }
 
-/*=== Configuration pages */
-.post {
-	padding: 10px 50px;
-	font-size: 0.9em;
-}
-
-.post form {
-	margin: 10px 0;
-}
-
-.post.content {
-	max-width: 550px;
-}
-
 .slides {
 	border-color: var(--border-color-middle);
 }
diff --git a/p/themes/Ansum/_configuration.scss b/p/themes/Ansum/_configuration.scss
index fa21ef44e..585ff94c0 100644
--- a/p/themes/Ansum/_configuration.scss
+++ b/p/themes/Ansum/_configuration.scss
@@ -2,17 +2,8 @@
 
 /*=== Configuration pages */
 .post {
-	padding: 1rem 2rem;
 	font-size: 1rem;
 
-	form {
-		margin: 1rem 0;
-	}
-
-	&.content {
-		max-width: 550px;
-	}
-
 	h1, h2 {
 		color: variables.$main-font-color;
 		font-size: 2rem;
diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css
index ad73eb7f1..543bb6c1e 100644
--- a/p/themes/Ansum/ansum.css
+++ b/p/themes/Ansum/ansum.css
@@ -1102,15 +1102,8 @@ main.prompt {
 
 /*=== Configuration pages */
 .post {
-	padding: 1rem 2rem;
 	font-size: 1rem;
 }
-.post form {
-	margin: 1rem 0;
-}
-.post.content {
-	max-width: 550px;
-}
 .post h1, .post h2 {
 	color: #363330;
 	font-size: 2rem;
@@ -1312,3 +1305,5 @@ a, button.as-link {
 	outline: none;
 	color: #ca7227;
 }
+
+/*# sourceMappingURL=ansum.css.map */
diff --git a/p/themes/Ansum/ansum.rtl.css b/p/themes/Ansum/ansum.rtl.css
index 2e961a911..1a91c184a 100644
--- a/p/themes/Ansum/ansum.rtl.css
+++ b/p/themes/Ansum/ansum.rtl.css
@@ -1102,15 +1102,8 @@ main.prompt {
 
 /*=== Configuration pages */
 .post {
-	padding: 1rem 2rem;
 	font-size: 1rem;
 }
-.post form {
-	margin: 1rem 0;
-}
-.post.content {
-	max-width: 550px;
-}
 .post h1, .post h2 {
 	color: #363330;
 	font-size: 2rem;
diff --git a/p/themes/BlueLagoon/BlueLagoon.css b/p/themes/BlueLagoon/BlueLagoon.css
index 14a369a2e..09e662b55 100644
--- a/p/themes/BlueLagoon/BlueLagoon.css
+++ b/p/themes/BlueLagoon/BlueLagoon.css
@@ -660,20 +660,6 @@ a.btn {
 	border-radius: 3px;
 }
 
-/*=== Configuration pages */
-.post {
-	padding: 10px 50px;
-	font-size: 0.9em;
-}
-
-.post form {
-	margin: 10px 0;
-}
-
-.post.content {
-	max-width: 550px;
-}
-
 /*=== Prompt (centered) */
 .prompt .form-group {
 	margin-bottom: 1rem;
diff --git a/p/themes/BlueLagoon/BlueLagoon.rtl.css b/p/themes/BlueLagoon/BlueLagoon.rtl.css
index 7c16ee958..6eb08d26f 100644
--- a/p/themes/BlueLagoon/BlueLagoon.rtl.css
+++ b/p/themes/BlueLagoon/BlueLagoon.rtl.css
@@ -660,20 +660,6 @@ a.btn {
 	border-radius: 3px;
 }
 
-/*=== Configuration pages */
-.post {
-	padding: 10px 50px;
-	font-size: 0.9em;
-}
-
-.post form {
-	margin: 10px 0;
-}
-
-.post.content {
-	max-width: 550px;
-}
-
 /*=== Prompt (centered) */
 .prompt .form-group {
 	margin-bottom: 1rem;
diff --git a/p/themes/Dark/dark.css b/p/themes/Dark/dark.css
index fa194bb9e..0298ef4b2 100644
--- a/p/themes/Dark/dark.css
+++ b/p/themes/Dark/dark.css
@@ -612,20 +612,6 @@ a.btn {
 	background-color: #111;
 }
 
-/*=== Configuration pages */
-.post {
-	padding: 10px 50px;
-	font-size: 0.9em;
-}
-
-.post form {
-	margin: 10px 0;
-}
-
-.post.content {
-	max-width: 550px;
-}
-
 /*=== Prompt (centered) */
 .prompt .form-group {
 	margin-bottom: 1rem;
diff --git a/p/themes/Dark/dark.rtl.css b/p/themes/Dark/dark.rtl.css
index 2610e49d5..e456a2865 100644
--- a/p/themes/Dark/dark.rtl.css
+++ b/p/themes/Dark/dark.rtl.css
@@ -612,20 +612,6 @@ a.btn {
 	background-color: #111;
 }
 
-/*=== Configuration pages */
-.post {
-	padding: 10px 50px;
-	font-size: 0.9em;
-}
-
-.post form {
-	margin: 10px 0;
-}
-
-.post.content {
-	max-width: 550px;
-}
-
 /*=== Prompt (centered) */
 .prompt .form-group {
 	margin-bottom: 1rem;
diff --git a/p/themes/Flat/flat.css b/p/themes/Flat/flat.css
index 8fd09bb35..c989511e6 100644
--- a/p/themes/Flat/flat.css
+++ b/p/themes/Flat/flat.css
@@ -617,20 +617,6 @@ a.btn {
 	border-radius: 3px;
 }
 
-/*=== Configuration pages */
-.post {
-	padding: 10px 50px;
-	font-size: 0.9em;
-}
-
-.post form {
-	margin: 10px 0;
-}
-
-.post.content {
-	max-width: 550px;
-}
-
 /*=== Prompt (centered) */
 .prompt .form-group {
 	margin-bottom: 1rem;
diff --git a/p/themes/Flat/flat.rtl.css b/p/themes/Flat/flat.rtl.css
index 43327ddeb..ec0acb18c 100644
--- a/p/themes/Flat/flat.rtl.css
+++ b/p/themes/Flat/flat.rtl.css
@@ -617,20 +617,6 @@ a.btn {
 	border-radius: 3px;
 }
 
-/*=== Configuration pages */
-.post {
-	padding: 10px 50px;
-	font-size: 0.9em;
-}
-
-.post form {
-	margin: 10px 0;
-}
-
-.post.content {
-	max-width: 550px;
-}
-
 /*=== Prompt (centered) */
 .prompt .form-group {
 	margin-bottom: 1rem;
diff --git a/p/themes/Mapco/_configuration.scss b/p/themes/Mapco/_configuration.scss
index 1ac695f15..c9168e385 100644
--- a/p/themes/Mapco/_configuration.scss
+++ b/p/themes/Mapco/_configuration.scss
@@ -2,17 +2,8 @@
 
 /*=== Configuration pages */
 .post {
-	padding: 1rem 2rem;
 	font-size: 1rem;
 
-	form {
-		margin: 1rem 0;
-	}
-
-	&.content {
-		max-width: 550px;
-	}
-
 	h1, h2 {
 		color: variables.$main-font-color;
 		font-size: 2rem;
diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css
index 967accc00..d34bc4dbc 100644
--- a/p/themes/Mapco/mapco.css
+++ b/p/themes/Mapco/mapco.css
@@ -1116,15 +1116,8 @@ main.prompt {
 
 /*=== Configuration pages */
 .post {
-	padding: 1rem 2rem;
 	font-size: 1rem;
 }
-.post form {
-	margin: 1rem 0;
-}
-.post.content {
-	max-width: 550px;
-}
 .post h1, .post h2 {
 	color: #303136;
 	font-size: 2rem;
diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css
index b962e5fe0..9d37b283c 100644
--- a/p/themes/Mapco/mapco.rtl.css
+++ b/p/themes/Mapco/mapco.rtl.css
@@ -1116,15 +1116,8 @@ main.prompt {
 
 /*=== Configuration pages */
 .post {
-	padding: 1rem 2rem;
 	font-size: 1rem;
 }
-.post form {
-	margin: 1rem 0;
-}
-.post.content {
-	max-width: 550px;
-}
 .post h1, .post h2 {
 	color: #303136;
 	font-size: 2rem;
diff --git a/p/themes/Nord/nord.css b/p/themes/Nord/nord.css
index 403a27dd0..fc6e654ff 100644
--- a/p/themes/Nord/nord.css
+++ b/p/themes/Nord/nord.css
@@ -914,21 +914,6 @@ option {
 	left: 2px;
 }
 
-
-/*=== Configuration pages */
-.post {
-	padding: 10px 50px;
-	font-size: 0.9em;
-}
-
-.post form {
-	margin: 10px 0;
-}
-
-.post.content {
-	max-width: 550px;
-}
-
 /*=== Prompt (centered) */
 .prompt input {
 	margin: 5px auto;
diff --git a/p/themes/Nord/nord.rtl.css b/p/themes/Nord/nord.rtl.css
index 2ae7464fa..3935c61e8 100644
--- a/p/themes/Nord/nord.rtl.css
+++ b/p/themes/Nord/nord.rtl.css
@@ -914,21 +914,6 @@ option {
 	right: 2px;
 }
 
-
-/*=== Configuration pages */
-.post {
-	padding: 10px 50px;
-	font-size: 0.9em;
-}
-
-.post form {
-	margin: 10px 0;
-}
-
-.post.content {
-	max-width: 550px;
-}
-
 /*=== Prompt (centered) */
 .prompt input {
 	margin: 5px auto;
diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css
index 3d0ab4827..b2bcb668e 100644
--- a/p/themes/Origine/origine.css
+++ b/p/themes/Origine/origine.css
@@ -738,20 +738,6 @@ a.btn-attention:hover {
 	left: 2px;
 }
 
-/*=== Configuration pages */
-.post {
-	padding: 10px 50px;
-	font-size: 0.9em;
-}
-
-.post form {
-	margin: 10px 0;
-}
-
-.post.content {
-	max-width: 550px;
-}
-
 /*=== Prompt (centered) */
 .prompt .form-group {
 	margin-bottom: 1rem;
diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css
index 0996c4f1c..b297228de 100644
--- a/p/themes/Origine/origine.rtl.css
+++ b/p/themes/Origine/origine.rtl.css
@@ -738,20 +738,6 @@ a.btn-attention:hover {
 	right: 2px;
 }
 
-/*=== Configuration pages */
-.post {
-	padding: 10px 50px;
-	font-size: 0.9em;
-}
-
-.post form {
-	margin: 10px 0;
-}
-
-.post.content {
-	max-width: 550px;
-}
-
 /*=== Prompt (centered) */
 .prompt .form-group {
 	margin-bottom: 1rem;
diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css
index 5962d2bb6..8d87ff8bb 100644
--- a/p/themes/Pafat/pafat.css
+++ b/p/themes/Pafat/pafat.css
@@ -714,20 +714,6 @@ a.signin {
 	filter: brightness(3);
 }
 
-/*=== Configuration pages */
-.post {
-	padding: 10px 50px;
-	font-size: 0.9em;
-}
-
-.post form {
-	margin: 10px 0;
-}
-
-.post.content {
-	max-width: 550px;
-}
-
 /*=== Prompt (centered) */
 .prompt .form-group {
 	margin-bottom: 1rem;
diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css
index f9af832cd..105e07ddd 100644
--- a/p/themes/Pafat/pafat.rtl.css
+++ b/p/themes/Pafat/pafat.rtl.css
@@ -714,20 +714,6 @@ a.signin {
 	filter: brightness(3);
 }
 
-/*=== Configuration pages */
-.post {
-	padding: 10px 50px;
-	font-size: 0.9em;
-}
-
-.post form {
-	margin: 10px 0;
-}
-
-.post.content {
-	max-width: 550px;
-}
-
 /*=== Prompt (centered) */
 .prompt .form-group {
 	margin-bottom: 1rem;
diff --git a/p/themes/Screwdriver/screwdriver.css b/p/themes/Screwdriver/screwdriver.css
index 859e34f35..8eaa6678a 100644
--- a/p/themes/Screwdriver/screwdriver.css
+++ b/p/themes/Screwdriver/screwdriver.css
@@ -635,20 +635,6 @@ a.btn {
 	border-radius: 3px;
 }
 
-/*=== Configuration pages */
-.post {
-	padding: 10px 50px;
-	font-size: 0.9em;
-}
-
-.post form {
-	margin: 10px 0;
-}
-
-.post.content {
-	max-width: 550px;
-}
-
 /*=== Prompt (centered) */
 .prompt {
 	text-shadow: 0 1px rgba(255,255,255,0.08);
diff --git a/p/themes/Screwdriver/screwdriver.rtl.css b/p/themes/Screwdriver/screwdriver.rtl.css
index 216c84262..ffe852de1 100644
--- a/p/themes/Screwdriver/screwdriver.rtl.css
+++ b/p/themes/Screwdriver/screwdriver.rtl.css
@@ -635,20 +635,6 @@ a.btn {
 	border-radius: 3px;
 }
 
-/*=== Configuration pages */
-.post {
-	padding: 10px 50px;
-	font-size: 0.9em;
-}
-
-.post form {
-	margin: 10px 0;
-}
-
-.post.content {
-	max-width: 550px;
-}
-
 /*=== Prompt (centered) */
 .prompt {
 	text-shadow: 0 1px rgba(255,255,255,0.08);
diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css
index 6478c0581..618bc64b3 100644
--- a/p/themes/Swage/swage.css
+++ b/p/themes/Swage/swage.css
@@ -673,19 +673,12 @@ form th {
 }
 
 .post {
-	padding: 10px 50px;
 	font-size: 0.9em;
 }
 .post input.long {
 	height: 33px;
 	margin-top: 0px;
 }
-.post form {
-	margin: 10px 0;
-}
-.post.content {
-	max-width: 550px;
-}
 
 .prompt input {
 	margin: 5px auto;
@@ -1174,11 +1167,9 @@ button.as-link {
 	left: 0;
 	right: auto;
 }
-
 #nav_menu_actions ul.dropdown-menu::after {
 	display: none;
 }
-
 #nav_menu_actions .dropdown.only-mobile {
 	display: initial !important;
 }
@@ -1193,6 +1184,4 @@ button.as-link {
 
 #slider label {
 	min-height: initial;
-}
-
-/*# sourceMappingURL=swage.css.map */
+}
\ No newline at end of file
diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css
index a4ba4f159..3ac5982ae 100644
--- a/p/themes/Swage/swage.rtl.css
+++ b/p/themes/Swage/swage.rtl.css
@@ -673,19 +673,12 @@ form th {
 }
 
 .post {
-	padding: 10px 50px;
 	font-size: 0.9em;
 }
 .post input.long {
 	height: 33px;
 	margin-top: 0px;
 }
-.post form {
-	margin: 10px 0;
-}
-.post.content {
-	max-width: 550px;
-}
 
 .prompt input {
 	margin: 5px auto;
@@ -1174,11 +1167,9 @@ button.as-link {
 	right: 0;
 	left: auto;
 }
-
 #nav_menu_actions ul.dropdown-menu::after {
 	display: none;
 }
-
 #nav_menu_actions .dropdown.only-mobile {
 	display: initial !important;
 }
@@ -1193,4 +1184,4 @@ button.as-link {
 
 #slider label {
 	min-height: initial;
-}
+}
\ No newline at end of file
diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss
index cc7aed10e..0c926aaec 100644
--- a/p/themes/Swage/swage.scss
+++ b/p/themes/Swage/swage.scss
@@ -872,7 +872,6 @@ form {
 }
 
 .post {
-	padding: 10px 50px;
 	font-size: 0.9em;
 
 	input {
@@ -881,14 +880,6 @@ form {
 			margin-top: 0px;
 		}
 	}
-
-	form {
-		margin: 10px 0;
-	}
-
-	&.content {
-		max-width: 550px;
-	}
 }
 
 .prompt {
diff --git a/p/themes/base-theme/base.css b/p/themes/base-theme/base.css
index 095ef49c0..13c1a5965 100644
--- a/p/themes/base-theme/base.css
+++ b/p/themes/base-theme/base.css
@@ -461,20 +461,6 @@ a.btn {
 	border-radius: 3px;
 }
 
-/*=== Configuration pages */
-.post {
-	padding: 10px 50px;
-	font-size: 0.9em;
-}
-
-.post form {
-	margin: 10px 0;
-}
-
-.post.content {
-	max-width: 550px;
-}
-
 /*=== Prompt (centered) */
 .prompt {
 	text-align: center;
diff --git a/p/themes/base-theme/base.rtl.css b/p/themes/base-theme/base.rtl.css
index a97d4876c..341c057a0 100644
--- a/p/themes/base-theme/base.rtl.css
+++ b/p/themes/base-theme/base.rtl.css
@@ -461,20 +461,6 @@ a.btn {
 	border-radius: 3px;
 }
 
-/*=== Configuration pages */
-.post {
-	padding: 10px 50px;
-	font-size: 0.9em;
-}
-
-.post form {
-	margin: 10px 0;
-}
-
-.post.content {
-	max-width: 550px;
-}
-
 /*=== Prompt (centered) */
 .prompt {
 	text-align: center;
diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css
index bafc26a89..a284c53a6 100644
--- a/p/themes/base-theme/frss.css
+++ b/p/themes/base-theme/frss.css
@@ -1759,6 +1759,20 @@ html.slider-active {
 	background-position: center;
 }
 
+/*=== Configuration pages */
+.post {
+	padding: 1rem 2rem;
+	font-size: 0.9em;
+}
+
+.post form {
+	margin: 1rem 0;
+}
+
+.post.content.centered {
+	max-width: 550px;
+}
+
 /*=== SLIDESHOW */
 /*==============*/
 .slides {
diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css
index 40b6c4119..8c1109adc 100644
--- a/p/themes/base-theme/frss.rtl.css
+++ b/p/themes/base-theme/frss.rtl.css
@@ -1759,6 +1759,20 @@ html.slider-active {
 	background-position: center;
 }
 
+/*=== Configuration pages */
+.post {
+	padding: 1rem 2rem;
+	font-size: 0.9em;
+}
+
+.post form {
+	margin: 1rem 0;
+}
+
+.post.content.centered {
+	max-width: 550px;
+}
+
 /*=== SLIDESHOW */
 /*==============*/
 .slides {