From 0d42634a95d292a46c53471e48960e805f1062cc Mon Sep 17 00:00:00 2001
From: Fraenkiman <frank.pcn@gmail.com>
Date: Mon, 23 Oct 2023 23:32:38 +0200
Subject: [PATCH 01/15] Update common.css

- Removed commented out code and obsolete IE fixes
- Lucida Console font correctly specified
---
 .../themes/leggero/leggero/res/common.css     | 75 +++++--------------
 1 file changed, 20 insertions(+), 55 deletions(-)

diff --git a/fp-interface/themes/leggero/leggero/res/common.css b/fp-interface/themes/leggero/leggero/res/common.css
index 53ed2b5..b61a585 100644
--- a/fp-interface/themes/leggero/leggero/res/common.css
+++ b/fp-interface/themes/leggero/leggero/res/common.css
@@ -10,12 +10,11 @@ Author: NoWhereMan & drudo
 Version: 0.2
 Module: common.css
 
-last change: 2022-03-13
+last change: 2023-10-23
 
 */
 
 
-
 /* ===== GENERAL (redefinition HTML tag) ===== */
 html {
 	font-size: 85%;
@@ -27,7 +26,6 @@ html {
 body {
 	font-size: 100%;
 	padding: 0;
-	/* text-align: center; */
 	background: white url(../imgs/backshade.png) repeat-x;
 	color: black;
     width: 100%
@@ -42,7 +40,7 @@ img { border: none }
 /* Responsive Design img */
 img {
   max-width: 100%;
-  height: auto;
+  height: auto
 }
 
 /*
@@ -59,14 +57,12 @@ img {
 
 .img-gallery img {
   display: inline;
-  margin: 0.4em;
+  margin: 0.4em
 }
 
 /* Plugin: QuickGallery */
 
-.img-gallery img .center {
-  display: inline;
-}
+.img-gallery img .center { display: inline }
 
 blockquote {
 	width: 90%;
@@ -77,24 +73,19 @@ blockquote {
 }
 
 pre, code {
-	font-family: Lucida Console, Monaco, monospace;
-	font-size: 90%;
+	font-family: 'Lucida Console', Monaco, monospace;
+	font-size: 90%
 }
 
 pre {
 	border-top: 1px solid #ddd;
 	border-bottom: 1px solid #ddd;
 	background-color: #efefef;
-
 	overflow: auto;
 	width: 90%;
 	margin: 1em 1em 2em 1em;
 	padding: 1em 0.5em;
-	
-	/* fix overflow in IE */
-	min-height: 40px; 
-	height: auto !important; 
-	height: 40px; 
+	height: auto !important
 }
 
 ul, li, ol { margin: 0; padding: 0 }
@@ -118,7 +109,7 @@ input, textarea, select {
 	padding: .2em;
 	border: 1px solid #999;
 	color: #222;
-	background-color: #eee;
+	background-color: #eee
 }
 
 input:hover, input:focus, textarea:hover, textarea:focus {
@@ -135,7 +126,6 @@ textarea {
 }
 
 
-
 /* ===== LINKS GENERAL ===== */
 a:link, a:visited {
 	color: #aa4142;
@@ -165,49 +155,39 @@ h2 {
 	font-size: 1.5em;
 	color: #333333;
 	margin: 0;
-    padding: 1em 0 1em 0;
+    padding: 1em 0 1em 0
 }
 
 h3 {
 	margin: 0;
 	font-size: 1.3em;
-	padding: 1em 0 1em 0;
+	padding: 1em 0 1em 0
 }
 
-h4 { font-size: 1.2em; }
-
+h4 { font-size: 1.2em }
 
 
 /* ===== DIV CONTAINER ALL ELEMENTS BLOCK ===== */
 #body-container {
 	text-align: left;
-	/*width: 760px !important;
-	width: 748px; /* fix for I.E. */
     width: 85%;
 	margin: 0 auto;
     max-width: 68em;
-	/* padding: 5px; */
     padding: 0.3em;
 	border: solid 1px #ccc;
 	background-color: white
 }
 
 
-
 /* ===== HEAD ===== */
 #head {
     clear: both;
 	font-family: 'book antiqua', georgia, garamond,  times, 'times new roman', serif;
-	/* padding: 95px 10px 5px 5px;
-	margin: 10px;
-	background: #c37676 url('../imgs/shade.png') repeat-x;
-	border: #bbb 1px solid */
     margin: 1em;
     padding: 7em 0.6em 0.5em 0.5em;
     border-radius: 1em;
     border: 0;
-    background-image: linear-gradient( #aa4142, #c37576);
-    /* background: #aa4142 */
+    background-image: linear-gradient( #aa4142, #c37576)
 }
 
 #head a { color: white; text-decoration: none }
@@ -224,11 +204,6 @@ h4 { font-size: 1.2em; }
 
 /* ===== DIV CONTAINER "MAIN" ===== */
 #outer-container {
-	/* position: relative;
-	height: 1%;
-	margin: 0px;
-	padding: 0px;
-	border-top: 1px solid white; /* problem with I.E. */
     width: 100%;
 	background-color: white
 }
@@ -240,17 +215,12 @@ h4 { font-size: 1.2em; }
 
 #main {
 	float: left;
-	/* position: relative;
-	width: 508px !important;
-	width: 478px; */
     width: 62%;
 	font-size: 100%;
-	margin: 1em;
+	margin: 1em
 }
 
-#main p { line-height: 1.5em; margin-top: 1.2em; }
-
-/* #main img { margin: 0.5em } */
+#main p { line-height: 1.5em; margin-top: 1.2em }
 
 #main img.emoticon { margin: 0; padding: 0 }
 
@@ -278,7 +248,7 @@ h4 { font-size: 1.2em; }
 	/* === Class of main block === */
 	h6.date {
 		font-size: 80%;
-		color: #aaa;
+		color: #aaa
 	}
 	
 	.date { /* date under titles of the entry */
@@ -292,7 +262,7 @@ h4 { font-size: 1.2em; }
 	.entry {
 		margin: 0 0 1.5em 0;
 		padding: 0;
-		overflow: auto; /* floating images fix IE<7*/
+		overflow: auto
 	}
 	
 	#main>.entry {
@@ -305,17 +275,14 @@ h4 { font-size: 1.2em; }
 		font-size: 80%;
 		color: gray;
 		margin: 2em 0 .5em 0;
-		text-align: right;
-	}
-	
-	.entry-footer li { 
-		display: block;
+		text-align: right
 	}
 	
+	.entry-footer li { display: block }
 	
 	.admincontrols { /* [edit] and [delete] */
 		font-size: 80%;
-		text-align: right;
+		text-align: right
 	}
 	
 	.buttonbar { text-align: center }
@@ -331,9 +298,7 @@ h4 { font-size: 1.2em; }
 		margin-bottom: 5em
 	}
 
-	form#search ul { 
-		list-style-type: none;
-	}
+	form#search ul { list-style-type: none }
 
 
 /* ===== FOOTER ===== */

From 444b57f836319d7bbae661d08da6ce4e6db3aacf Mon Sep 17 00:00:00 2001
From: Fraenkiman <frank.pcn@gmail.com>
Date: Fri, 27 Oct 2023 00:40:09 +0200
Subject: [PATCH 02/15] Update admin.css

- Fixes a problem in the admin area when rendering font-sizes on mobile devices
---
 .../themes/leggero/leggero/res/admin.css      | 38 ++++++++-----------
 1 file changed, 15 insertions(+), 23 deletions(-)

diff --git a/fp-interface/themes/leggero/leggero/res/admin.css b/fp-interface/themes/leggero/leggero/res/admin.css
index 16fadd9..e879d6f 100755
--- a/fp-interface/themes/leggero/leggero/res/admin.css
+++ b/fp-interface/themes/leggero/leggero/res/admin.css
@@ -18,6 +18,8 @@ last change: 2022-02-19
 @import url(globals.css);
 
 /* ===== VARIOUS ===== */
+@viewport { width: device-width }
+
 .buttonbar input {
 	padding: .3em;
 	background: #bdbdbd url(../imgs/buttonsh.png) repeat-x;
@@ -55,16 +57,24 @@ body#inline-body input {
 
 }
 
+/* ===== Smartphone and Tablet ===== */
+@media (max-width: 1920px) { /* prevents too large font size on mobile devices */
+	#body-container {
+		-webkit-text-size-adjust: none;
+		-moz-text-size-adjust: none;
+		text-size-adjust: none
+	}
+}
+
+
 /* === Conflict with inner h1 === */
 #admin-content h1 { color: black }
 
 
-
 /* DIV CONTAINER ALL ADMIN DIV BLOCK */
 #cpmain { padding: 10px }
 
 
-
 /* ===== SMALL NAVBAR (home and logout links) ===== */
 ul#admin-small-nav {
 	font-size: 80%;
@@ -75,7 +85,6 @@ ul#admin-small-nav {
 ul#admin-small-nav li { display: inline; margin: 5px }
 
 
-
 /* ===== TAB MENU ===== */
 ul#admin-tabmenu {
 	margin: 1em 0 0 0;
@@ -113,8 +122,8 @@ ul#admin-tabmenu li a.admin-tab-current {
 	font-weight: bold;
 }
 
-/* ===== submenu ====== */
 
+/* ===== submenu ====== */
 #admin-submenu {
 	background: #eee; 
 	padding: .5em;
@@ -148,7 +157,6 @@ ul#admin-tabmenu li a.admin-tab-current {
 }
 
 
-
 /* ===== MAIN MENU ITEM ===== */
 #admin-content { padding: 1em }
 
@@ -166,7 +174,6 @@ ul#admin-tabmenu li a.admin-tab-current {
 }
 
 
-
 /* ===== ADMIN ENTRY ===== */
 input#subject {
 	width: 99%;
@@ -191,8 +198,6 @@ textarea.code {
 
 #admin-bbcode-toolbar select { width: 10em }
 
-
-
 #admin-content table { width: 100%; }
 
 #admin-content td {
@@ -224,7 +229,6 @@ textarea.code {
 
 input.maxsize, select.maxsize { width: 100% }
 
-
 #admin-bbcode-toolbar {
 	margin: 0;
 	padding: 0;
@@ -244,7 +248,6 @@ input.maxsize, select.maxsize { width: 100% }
 	height: 11em;
 }
 
-
 #plugin-table td {
   padding: 1em .6em;
 }
@@ -308,6 +311,7 @@ input.maxsize, select.maxsize { width: 100% }
 	text-align: right;
 }
 
+
 /* ===== UPLOAD PANEL ===== */
 #admin-uploader-filelist {
 	margin: 1em auto;
@@ -333,7 +337,6 @@ input.maxsize, select.maxsize { width: 100% }
 
 
 /* ===== THEME PANEL ===== */
-
 #current-theme h5, 
 #available-themes h5 {
 	font-size: 1em;
@@ -344,7 +347,6 @@ input.maxsize, select.maxsize { width: 100% }
 	overflow:hidden;
 }
 
-
 #current-theme img { 
 	float:left;
 	border: 1px solid #ddd;
@@ -355,7 +357,6 @@ input.maxsize, select.maxsize { width: 100% }
 	clear: both;
 }
 
-
 #available-themes img {
 	border: 1px solid #eee
 }
@@ -440,7 +441,6 @@ li.admin-widgetset {
 	margin-left: 0;
 }
 
-
 li.widget-instance,
 li.widget-class {
 	cursor: move;
@@ -452,7 +452,6 @@ li.widget-class {
 	list-style-type: none;
 }
 
-
 .admin-widgetset h3 {
 	font-style: italic;
 	margin-bottom:1em;
@@ -485,7 +484,6 @@ li.widget-class {
 	background-color:white;
 }
 
-
 .widget-instance .textinput:focus {
 	font-style: normal;
 	border: #f00 2px solid;
@@ -493,7 +491,6 @@ li.widget-class {
 	text-align: left;
 }
 
-
 .widgetname a, 
 .widgetname a:link,
 .widgetname a:visited {
@@ -516,7 +513,6 @@ li.widget-class {
 
 
 /* ===== CONFIG PANEL ===== */
-
 .option-set .option-list {
 	margin-bottom: 4em;
 }
@@ -543,12 +539,10 @@ li.widget-class {
     line-height: 1.5em;
 }
 
-
 .option-set dd p {
     margin: 0;
 }
 
-
 .option-set dd input{
 	margin-bottom: .2em;
 }
@@ -572,12 +566,10 @@ li.widget-class {
 	width: 20em;
 }
 
-
 .option-set input.bigtextinput {
 	width: 30em;
 }
 
-
 .option-set input.smalltextinput {
 	width: 5em;
 }
@@ -596,6 +588,7 @@ a.link-disable:hover, a.link-delete:hover {
 	background-color: red;
 	color: white;
 }
+
 a.link-enable:hover {
 	background-color: green;
 	color: white;
@@ -607,7 +600,6 @@ a.link-general:hover, .main-cell a:hover {
 }
 
 
-
 /* ===== NOTIFICATIONS ===== */
 .hint {
 	cursor: help;

From 5e916c2db03d7962f4ccfbcf2289f802d47f12f9 Mon Sep 17 00:00:00 2001
From: Fraenkiman <frank.pcn@gmail.com>
Date: Thu, 2 Nov 2023 22:53:09 +0100
Subject: [PATCH 03/15] Various corrections in the stylesheet

- fixed vertical alignment of BBCode toolbar in write panel
- Fixes a problem in the admin area when rendering font-sizes in Safari, Chrome and Firefox (iPhone/iPad)
- Lucida Console [code] ... [/code]is now correct as a font in the CSS file
- in the admin area, the configuration panel has been revised
- the menu bar is now centered if the screen width is less than 768px
---
 .../themes/leggero/leggero/res/admin.css      | 291 ++++++++----------
 .../themes/leggero/leggero/res/column.css     |  42 +--
 .../themes/leggero/leggero/res/common.css     | 173 +++++------
 .../themes/leggero/leggero/res/globals.css    |   6 +-
 .../themes/leggero/leggero/res/style.css      | 169 +++++-----
 5 files changed, 324 insertions(+), 357 deletions(-)

diff --git a/fp-interface/themes/leggero/leggero/res/admin.css b/fp-interface/themes/leggero/leggero/res/admin.css
index e879d6f..48533a9 100755
--- a/fp-interface/themes/leggero/leggero/res/admin.css
+++ b/fp-interface/themes/leggero/leggero/res/admin.css
@@ -10,7 +10,7 @@ Author: NoWhereMan & drudo
 Version: 0.1
 Module: admin.css
 
-last change: 2022-02-19
+last change: 2023-11-01
 
 */
 
@@ -22,40 +22,34 @@ last change: 2022-02-19
 
 .buttonbar input {
 	padding: .3em;
-	background: #bdbdbd url(../imgs/buttonsh.png) repeat-x;
+	background: #bdbdbd url(../imgs/buttonsh.png) repeat-x
 }
+
 .buttonbar input:hover {
 	padding: .3em;
-	background: #d3d3d3 url(../imgs/buttonsh2.png) repeat-x;
+	background: #d3d3d3 url(../imgs/buttonsh2.png) repeat-x
 }
 
 /* ===== HEADERS TAGS ===== */
 h1,
 h2 { 
 	font-family: 'book antiqua', georgia, garamond, times, 'times new roman', serif;
-	margin: auto;
+	margin: auto
 }
 
-h2 {
-	border-bottom: 1px solid #ddd;
-}
+h2 { border-bottom: 1px solid #ddd; margin: 0.5em 0 }
 
 #admin-content h2,
 #admin-content form h2 {
     font-style: normal;
-    padding: unset;
+    padding: unset
 }
 
-body { background: #eee; }
+body { background: #eee }
 
 /* === Redefines some stuff in inline mode === */
-body#inline-body {
-	background: white;
-}
+body#inline-body { background: white }
 
-body#inline-body input {
-
-}
 
 /* ===== Smartphone and Tablet ===== */
 @media (max-width: 1920px) { /* prevents too large font size on mobile devices */
@@ -66,7 +60,6 @@ body#inline-body input {
 	}
 }
 
-
 /* === Conflict with inner h1 === */
 #admin-content h1 { color: black }
 
@@ -91,7 +84,7 @@ ul#admin-tabmenu {
 	padding: .5em;
 	background: #000;
 	-moz-border-radius-topleft:3px;
-	-moz-border-radius-topright:3px;
+	-moz-border-radius-topright:3px
 }
 
 ul#admin-tabmenu li {
@@ -107,7 +100,7 @@ ul#admin-tabmenu li a {
 	font-weight: normal;
 	text-decoration: none;
 	padding: 0.5em;
-	margin: .1em;
+	margin: .1em
 }
 
 ul#admin-tabmenu li a.admin-tab-current,
@@ -115,12 +108,10 @@ ul#admin-tabmenu li a:hover {
 	color: black;
 	font-weight: normal;
 	background-color: #ddd;
-	-moz-border-radius: 2px;
+	-moz-border-radius: 2px
 }
 
-ul#admin-tabmenu li a.admin-tab-current {
-	font-weight: bold;
-}
+ul#admin-tabmenu li a.admin-tab-current { font-weight: bold }
 
 
 /* ===== submenu ====== */
@@ -130,17 +121,14 @@ ul#admin-tabmenu li a.admin-tab-current {
 	border: 1px solid #ccc;
 }
 
-#admin-submenu li {
-	display:inline; 
-	font-size: 80%; 
-}
+#admin-submenu li { display:inline; font-size: 80% }
 
 #admin-submenu li a {
 	padding: 0 1em ;
 	color: #000;
 	border-left: 1px solid #eee;
-	border-right: 1px solid #eee;  
-	font-weight: normal;
+	border-right: 1px solid #eee;
+	font-weight: normal
 }
 
 #admin-submenu li a:hover,
@@ -149,12 +137,10 @@ ul#admin-tabmenu li a.admin-tab-current {
 	background: #555;
 	padding: .1em 1em .3em;
 	-moz-border-radius: 3px;
-	text-decoration: none;
+	text-decoration: none
 }
 
-#admin-submenu li a.active {
-	font-weight: bold;
-}
+#admin-submenu li a.active { font-weight: bold }
 
 
 /* ===== MAIN MENU ITEM ===== */
@@ -183,7 +169,7 @@ input#subject {
 }
 
 textarea.code {
-	font-family: Lucida Console, Monaco, monospace;
+	font-family: 'Lucida Console', Monaco, monospace;
 	font-size: 90%
 }
 
@@ -194,11 +180,9 @@ textarea.code {
 	padding-left: 1em
 }
 
-#admin-bbcode-toolbar p { display: inline }
-
 #admin-bbcode-toolbar select { width: 10em }
 
-#admin-content table { width: 100%; }
+#admin-content table { width: 100% }
 
 #admin-content td {
 	font-size: 0.8em;
@@ -207,16 +191,14 @@ textarea.code {
 		padding: .9em;
 	*/
 	background: #e6e6e6;
-	text-align: center;
+	text-align: center
 }
 
-#admin-content .enabled td {
-	background: inherit;
-} 
+#admin-content .enabled td { background: inherit } 
 
 #admin-content td.main-cell {
 	width: 30%;
-	text-align: left;
+	text-align: left
 }
 
 #admin-content th {
@@ -227,15 +209,27 @@ textarea.code {
 	padding: 8px
 }
 
-input.maxsize, select.maxsize { width: 100% }
+input.maxsize, select.maxsize { width: 99% }
 
 #admin-bbcode-toolbar {
 	margin: 0;
 	padding: 0;
 	padding-right: 0.7%;
+    display: table;
 	border: none
 }
 
+#admin-bbcode-toolbar p {
+    display: table-cell;
+    vertical-align: middle;
+    line-height: 1em
+}
+
+#admin-bbcode-toolbar p img {
+    vertical-align: middle;
+    cursor: pointer
+}
+
 #admin-bbcode-toolbar legend { display: none }
 
 #admin-content ul,
@@ -245,18 +239,14 @@ input.maxsize, select.maxsize { width: 100% }
 	border: none;
 	width: 99%;
 	margin: auto;
-	height: 11em;
+	height: 11em
 }
 
-#plugin-table td {
-  padding: 1em .6em;
-}
+#plugin-table td { padding: 1em .6em }
 
 .admin-entry-commentlist td ,
 .admin-widgets-blockparser td ,
-.admin-plugin-default td {
-	padding: 1em .6em;
-}
+.admin-plugin-default td { padding: 1em .6em }
 
 #admin-drafts {
 	border-top: 1px solid #bbb;
@@ -264,137 +254,113 @@ input.maxsize, select.maxsize { width: 100% }
 	padding:  .4em;
 	color: #555;
 	background-color: #ddd;
-	overflow: auto;
+	overflow: auto
 }
 
 #admin-drafts p {
 	font-weight: bold;
 	float: left;
 	padding: 0;
-	margin: 0;
+	margin: 0
 }
 
-#admin-content #admin-drafts ul {
-	margin: 0; padding: 0;
-}
+#admin-content #admin-drafts ul { margin: 0; padding: 0 }
 
 #admin-drafts li {
 	float:left;
 	list-style-position: inside;
-	margin: 0; padding-left: 1em;
+	margin: 0; padding-left: 1em
 }
 
 
 /* ===== PREVIEW SETTINGS ===== */
-#post-preview {
-	min-width: 39em;
-}
+#post-preview { min-width: 39em }
 
-#post-preview .entry { padding: 2em; max-height: 20em; overflow: auto  }
+#post-preview .entry { padding: 2em; max-height: 20em; overflow: auto }
 
 #post-preview div.entry h2,
-#post-preview div.entry h3 {
-	border-bottom: none;
-}
+#post-preview div.entry h3 { border-bottom: none }
 
 #post-preview div.entry h2 {
 	font-style: italic;
 	margin: 0;
-	padding: 1em 0 1em 0;
+	padding: 1em 0 1em 0
 }
 
-#post-preview div.entry h4 {
-	margin: 2em 0 0 0;
-}
+#post-preview div.entry h4 { margin: 2em 0 0 0 }
 
-.entry-footer {
-	text-align: right;
-}
+.entry-footer { text-align: right }
 
 
 /* ===== UPLOAD PANEL ===== */
-#admin-uploader-filelist {
-	margin: 1em auto;
-}
+#admin-uploader-filelist { margin: 1em auto }
 
-#admin-uploader-thumbs {
-	list-style-type: none;
-}
+#admin-uploader-thumbs { list-style-type: none }
 
 #admin-uploader-thumbs li.thumb {
 	float:left;
 	width: 110px;
 	height: 110px;
 	padding: 1em 4px;
-	margin: 1em;
+	margin: 1em
 }
 
 
 /* (applies only to the inline version */
-#upload {
-	margin-top: .5em
-}
+#upload { margin-top: .5em }
 
 
 /* ===== THEME PANEL ===== */
+
 #current-theme h5, 
-#available-themes h5 {
-	font-size: 1em;
-}
+#available-themes h5 { font-size: 1em }
 
 #current-theme {	
 	margin-bottom: 4em;
-	overflow:hidden;
+	overflow:hidden
 }
 
 #current-theme img { 
 	float:left;
 	border: 1px solid #ddd;
-	margin-right: 2em;
+	margin-right: 2em
 }
 
-#available-themes {
-	clear: both;
-}
+#available-themes { clear: both }
 
-#available-themes img {
-	border: 1px solid #eee
-}
+#available-themes img { border: 1px solid #eee }
 
-#available-themes ul {
-	list-style-type: none;
-}
+#available-themes ul { list-style-type: none }
 
 #available-themes ul li {
 	float:left;
 	padding: 1em;
 	border: 1px solid #fff;
 	text-align: center;
-	width: 300px;
+	width: 300px
 }
 
 #available-themes ul li:hover {
 	background: #eee;
-	border: 1px solid #ddd;
+	border: 1px solid #ddd
 }
 
+
 /* ===== WIDGET PANEL ====== */
 
-#admin-widgetset-list {
-	width: 30em;
-}
+#admin-widgetset-list { width: 30em }
 
 #admin-widgetset-list ul {
 	list-style-type: none;
 	margin: 0;
 	margin-bottom: 2em;
-	text-align: left;
+	text-align: left
 }
 
 li.admin-widgetset {
 	padding: .5em;
 	margin-bottom: 2em;
-	border: 1px solid #ddd;
+	border: 1px solid #ddd
 }
 
 #available-widgets {
@@ -406,7 +372,7 @@ li.admin-widgetset {
 	width: 30%;
 	z-index: 1000;
 	position: relative;
-	text-align: left;
+	text-align: left
 }
 
 #widget-trashcan { /*colors for trashcan/uninstall widgets while dragging*/
@@ -417,7 +383,7 @@ li.admin-widgetset {
 	padding: 2em;
 	text-align: center;
 	border: 2px solid #f00;
-	margin: 2em;
+	margin: 2em
 }
 
 .widget-available { /*colors for available widgets while dragging*/
@@ -425,7 +391,7 @@ li.admin-widgetset {
 	color: #fff;
 	background-color: rgba(34, 102, 0, 0.7);
 	border: 2px solid #2f0;
-	z-index: 2000;
+	z-index: 2000
 }
 
 .widget-installed { /*colors for installed widgets while dragging*/
@@ -433,12 +399,12 @@ li.admin-widgetset {
 	color: #fff;
 	background-color: rgba(0, 34, 102, 0.7);
 	border: 2px solid #00f;
-	z-index: 2000;
+	z-index: 2000
 }
 
 #available-widgets ul, .admin-widgetset ul {
 	padding-left: 0;
-	margin-left: 0;
+	margin-left: 0
 }
 
 li.widget-instance,
@@ -449,7 +415,7 @@ li.widget-class {
 	padding: .5em;
 	height: 30px;
 	background-color: white;
-	list-style-type: none;
+	list-style-type: none
 }
 
 .admin-widgetset h3 {
@@ -457,7 +423,7 @@ li.widget-class {
 	margin-bottom:1em;
 	padding: .3em;
 	background: #eee;
-	border: 1px solid #ddd;
+	border: 1px solid #ddd
 }
 
 #available-widgets h2 {
@@ -466,7 +432,7 @@ li.widget-class {
 	margin-bottom:1em;
 	padding: .3em;
 	border: 1px solid #eee;
-	background: #999;
+	background: #999
 }
 
 .widget-instance .textinput {
@@ -476,142 +442,133 @@ li.widget-class {
 	font-style: oblique;
 	color: blue;
 	border: #fff 2px solid;
-	text-align: right;
+	text-align: right
 }
 
 .widget-instance .textinput:hover {
 	border: #d00 2px solid;
-	background-color:white;
+	background-color: white
 }
 
+
 .widget-instance .textinput:focus {
 	font-style: normal;
 	border: #f00 2px solid;
 	background-color:white;
-	text-align: left;
+	text-align: left
 }
 
 .widgetname a, 
 .widgetname a:link,
-.widgetname a:visited {
-	color: #ddd;
-}
+.widgetname a:visited { color: #ddd }
 
 .widget-placeholder {
 	padding: .5em;
 	font-style: oblique;
 	text-align: center;
-	border: 1px dashed #ddd;
+	border: 1px dashed #ddd
 }
 
 .widget-dragger {
 	text-align: left;
 	z-index: 1000;
 	padding: .5em;
-	height: 30px !important;
+	height: 30px !important
 }
 
 
 /* ===== CONFIG PANEL ===== */
-.option-set .option-list {
-	margin-bottom: 4em;
-}
 
-.option-list ul li {
-	list-style-type: none;
-}
+.option-set .option-list { margin-bottom: 3em }
+
+.option-list ul li { list-style-type: none }
 
 .option-set dt {
     width: 33%;
     text-align:right;
-    margin-top: 1.8em;
-    line-height: 1.5em;
-    font-weight: bold;
+    margin-top: 0.5em;
+    line-height: 1em;
+    font-weight: bold
 }
 
-.option-set dt label {
-	padding-top: .2em;
+.option-set dt label { padding-top: .2em }
+
+.option-list dd label {
+    position: relative;
+    vertical-align: middle;
+    display: flex
 }
 
 .option-set dd {
     margin-left: 35%;
-    margin-top: -1.7em;
+    bottom: 1.24em;
     line-height: 1.5em;
+    position: relative
 }
 
-.option-set dd p {
-    margin: 0;
+.option-set dd p { margin: 0 }
+
+.option-set dd p.text {
+    display: inline;
+    vertical-align: middle
 }
 
-.option-set dd input{
-	margin-bottom: .2em;
+.option-list dd code {
+    position: relative;
+    font-size: 1em
 }
 
-.textinput, .bigtextinput, .smalltextinput {
-	padding: .5em;
-}
+.option-set dd input{ margin-bottom: .2em }
 
-.textinput:focus, .bigtextinput:focus, .smalltextinput:focus {
-	font-weight: bold;
-}
+.textinput, .bigtextinput, .smalltextinput { padding: .1em }
+
+.textinput:focus, .bigtextinput:focus, .smalltextinput:focus { font-weight: bold }
 
 .widetextinput {
-	width: 99%;
-	font-size: 1.3em;
-	color: #333333;
+    width: 99%;
+    font-size: 1.3em;
+    color: #333333
 }
 
 .option-set input.textinput ,
-.option-set select.textinput {
-	width: 20em;
-}
+.option-set select.textinput { width: 20em }
 
-.option-set input.bigtextinput {
-	width: 30em;
-}
+.option-set input.bigtextinput { width: 30em }
+
+.option-set input.smalltextinput { width: 5em }
 
-.option-set input.smalltextinput {
-	width: 5em;
-}
 
 /* ===== SPECIAL HOVERS ====== */
 a.link-disable, 
 a.link-delete, 
 a.link-enable,
 a.link-general {
-	padding: .9em;
+	padding: .9em
 }
 
 td.main-cell a.link-general {display:block}
 
 a.link-disable:hover, a.link-delete:hover {
-	background-color: red;
-	color: white;
+    background-color: red;
+    color: white
 }
-
 a.link-enable:hover {
-	background-color: green;
-	color: white;
+    background-color: green;
+    color: white
 }
 
 a.link-general:hover, .main-cell a:hover {
-	background-color: #aaa;
-	color: black;
+    background-color: #aaa;
+    color: black
 }
 
 
 /* ===== NOTIFICATIONS ===== */
-.hint {
-	cursor: help;
-}
+.hint { cursor: help }
 
 .draft { background-color: #333 }
 
 /* (already defined in common, here we put just some tuning settings) */
-#admin-content ul.msgs {
-	margin:0;
-}
+#admin-content ul.msgs { margin:0 }
 
-form {
-    margin: auto;
-}
+form { margin: auto }
diff --git a/fp-interface/themes/leggero/leggero/res/column.css b/fp-interface/themes/leggero/leggero/res/column.css
index b3ddd80..a8688c9 100644
--- a/fp-interface/themes/leggero/leggero/res/column.css
+++ b/fp-interface/themes/leggero/leggero/res/column.css
@@ -10,27 +10,25 @@ Author: NoWhereMan & drudo
 Version: 0.2
 Module: style.css
 
-last change: 2022-03-17
+last change: 2023-11-01
 
 */
 
 
-
 /* ===== COLUMN ===== */
 #column {
-	float: right;
+  float: right;
   width: 28%;
-	font-size: 80% !important;
-	font-size: 75%;
-	height:1%;
+  font-size: 80% !important;
+  font-size: 75%;
+  height:1%;
   margin: 1em;
-  padding: 0.7em;
-	/* border-left: solid 1px #ccc; */
+  padding: 0.7em
 }
 
 #column h4 {
-	/* Titles of the sections */
-	margin-bottom: .5em;
+  /* Titles of the sections */
+  margin-bottom: .5em
 }
 
 #column p, #column div { margin: 10px 5px }
@@ -41,10 +39,10 @@ last change: 2022-03-17
 #column ul li table { font-size: 100% }
 
 #column ul {
-	list-style-type: none;
-	margin-right: 10px;
-	margin-bottom: .5em;
-	padding-left: 1em
+  list-style-type: none;
+  margin-right: 10px;
+  margin-bottom: .5em;
+  padding-left: 1em
 }
 
 #column fieldset { margin: 0 5px 0 5px }
@@ -55,10 +53,14 @@ last change: 2022-03-17
 The following definitions take care of the Calendar plugin
 ======================================================= */
 
+#widget_calendar table.calendar {
+  font-size: 85%
+}
+
 .calendar {
   margin: 0;
   padding: 0 0 2em 0;
-  font-size: 80%;
+  font-size: 80%
 }
 
 .calendar-month {
@@ -67,25 +69,25 @@ The following definitions take care of the Calendar plugin
   color: #333;
   background-color: transparent;
   font-weight: bold;
-  border-bottom: 0.1em solid #333;
+  border-bottom: 0.1em solid #333
 }
 
 .calendar th {
   padding: 0.4em; 
   color: #fff;
-  background-color: #c37576;
+  background-color: #c37576
 }
 
 .calendar td {
   padding: 0.4em;
-  text-align: center;
+  text-align: center
 }
 
 .current-day {
   color: #333;
   background-color: transparent;
-  border: 2px solid #c37576;
+  border: 2px solid #c37576
 }
 /* =======================================================
 End of Calendar plugin
-======================================================= */
\ No newline at end of file
+======================================================= */
diff --git a/fp-interface/themes/leggero/leggero/res/common.css b/fp-interface/themes/leggero/leggero/res/common.css
index b61a585..af979ba 100644
--- a/fp-interface/themes/leggero/leggero/res/common.css
+++ b/fp-interface/themes/leggero/leggero/res/common.css
@@ -10,24 +10,24 @@ Author: NoWhereMan & drudo
 Version: 0.2
 Module: common.css
 
-last change: 2023-10-23
+last change: 2023-11-01
 
 */
 
 
 /* ===== GENERAL (redefinition HTML tag) ===== */
 html {
-	font-size: 85%;
-	font-family: 'Lucida Grande', 'Trebuchet MS', arial, Helvetica, sans-serif;
-	margin: 0;
-	padding: 0
+    font-size: 85%;
+    font-family: 'Lucida Grande', 'Trebuchet MS', arial, Helvetica, sans-serif;
+    margin: 0;
+    padding: 0
 }
 
 body {
-	font-size: 100%;
-	padding: 0;
-	background: white url(../imgs/backshade.png) repeat-x;
-	color: black;
+    font-size: 100%;
+    padding: 0;
+    background: white url(../imgs/backshade.png) repeat-x;
+    color: black;
     width: 100%
 }
 
@@ -39,8 +39,8 @@ img { border: none }
 
 /* Responsive Design img */
 img {
-  max-width: 100%;
-  height: auto
+    max-width: 100%;
+    height: auto
 }
 
 /*
@@ -48,44 +48,48 @@ img {
  */
  
 .center {
-  display: block;
-  margin-left: auto;
-  margin-right: auto
+    display: block;
+    margin-left: auto;
+    margin-right: auto
 }
 
 /* Plugin: QuickGallery */
 
 .img-gallery img {
-  display: inline;
-  margin: 0.4em
+    display: inline;
+    margin: 0.4em
 }
 
 /* Plugin: QuickGallery */
 
-.img-gallery img .center { display: inline }
+.img-gallery img .center {
+    display: inline
+}
 
 blockquote {
-	width: 90%;
-	color: #666;
-	margin: 1em 1em;
-	padding: 0 10px;
-	border-left: 5px solid #bbb
+    width: 90%;
+    color: #666;
+    margin: 1em 1em;
+    padding: 0 10px;
+    border-left: 5px solid #bbb
 }
 
 pre, code {
-	font-family: 'Lucida Console', Monaco, monospace;
-	font-size: 90%
+    font-family: 'Lucida Console', Monaco, monospace;
+    font-size: 90%
 }
 
 pre {
-	border-top: 1px solid #ddd;
-	border-bottom: 1px solid #ddd;
-	background-color: #efefef;
-	overflow: auto;
-	width: 90%;
-	margin: 1em 1em 2em 1em;
-	padding: 1em 0.5em;
-	height: auto !important
+    border-top: 1px solid #ddd;
+    border-bottom: 1px solid #ddd;
+    background-color: #efefef;
+    overflow: auto;
+    width: 90%;
+    margin: 1em 1em 2em 1em;
+    padding: 1em 0.5em;
+    min-height: 40px; 
+    height: auto !important; 
+    height: 40px
 }
 
 ul, li, ol { margin: 0; padding: 0 }
@@ -139,7 +143,6 @@ a:hover {
 }
 
 
-
 /* ===== HEADERS TAGS ===== */
 h1 {
 	/* Title of the blog */
@@ -201,7 +204,6 @@ h4 { font-size: 1.2em }
 }
 
 
-
 /* ===== DIV CONTAINER "MAIN" ===== */
 #outer-container {
     width: 100%;
@@ -209,9 +211,8 @@ h4 { font-size: 1.2em }
 }
 
 
-
 /* ===== MAIN ===== */
-#main h4 { margin: 2em 0 0 0}
+#main h4 { margin: 2em 0 0 0 }
 
 #main {
 	float: left;
@@ -235,70 +236,70 @@ h4 { font-size: 1.2em }
 	padding: 0 1.6em 0 1.6em
 }
 
-	#commentform fieldset p { margin: 0 0 .5em 0 }
+#commentform fieldset p { margin: 0 0 .5em 0 }
 	
-	#comments li {
-		margin: 0 0 1.5em 0;
-		padding: 5px;
-		border-top: 1px solid #ddd;
-		border-bottom: 1px solid #ddd;
-		background: #efefef
-	}
+#comments li {
+	margin: 0 0 1.5em 0;
+	padding: 5px;
+	border-top: 1px solid #ddd;
+	border-bottom: 1px solid #ddd;
+	background: #efefef
+}
 	
 	/* === Class of main block === */
-	h6.date {
-		font-size: 80%;
-		color: #aaa
-	}
+h6.date {
+	font-size: 80%;
+	color: #aaa
+}
 	
-	.date { /* date under titles of the entry */
-		font-size: 80%;
-		font-style: oblique;
-		color: gray;
-		margin: .2em 0 0 0
-	}
+.date { /* date under titles of the entry */
+	font-size: 80%;
+	font-style: oblique;
+	color: gray;
+	margin: .2em 0 0 0
+}
 	
 	/* .entry class */
-	.entry {
-		margin: 0 0 1.5em 0;
-		padding: 0;
-		overflow: auto
-	}
+.entry {
+	margin: 0 0 1.5em 0;
+	padding: 0;
+	overflow: auto
+}
 	
-	#main>.entry {
-		overflow: hidden; /* rest of the world :) */
-	}
+#main>.entry {
+	overflow: hidden; /* rest of the world :) */
+}
 	/* end of .entry */
 	
-	#main ul.entry-footer { /*  entry footer */
-		clear: both;
-		font-size: 80%;
-		color: gray;
-		margin: 2em 0 .5em 0;
-		text-align: right
-	}
+#main ul.entry-footer { /*  entry footer */
+	clear: both;
+	font-size: 80%;
+	color: gray;
+	margin: 2em 0 .5em 0;
+	text-align: right
+}
 	
-	.entry-footer li { display: block }
+.entry-footer li { display: block }
 	
-	.admincontrols { /* [edit] and [delete] */
-		font-size: 80%;
-		text-align: right
-	}
+.admincontrols { /* [edit] and [delete] */
+	font-size: 80%;
+	text-align: right
+}
 	
-	.buttonbar { text-align: center }
+.buttonbar { text-align: center }
 	
-	.buttonbar input {
-		text-align: center;
-		margin: .1em .5em;
-		padding: 0 1em
-	}
+.buttonbar input {
+	text-align: center;
+	margin: .1em .5em;
+	padding: 0 1em
+}
 	
-	.navigation { /* next entries & previous entries link */
-		font-size: 80%;
-		margin-bottom: 5em
-	}
+.navigation { /* next entries & previous entries link */
+	font-size: 80%;
+	margin-bottom: 5em }
 
-	form#search ul { list-style-type: none }
+form#search ul { list-style-type: none
+}
 
 
 /* ===== FOOTER ===== */
@@ -311,4 +312,4 @@ h4 { font-size: 1.2em }
     margin: 0 1em 1em 1em;
     text-align: center;
 	border-top: #bbb 1px solid
-}
+}
\ No newline at end of file
diff --git a/fp-interface/themes/leggero/leggero/res/globals.css b/fp-interface/themes/leggero/leggero/res/globals.css
index ff8f100..2e42e87 100755
--- a/fp-interface/themes/leggero/leggero/res/globals.css
+++ b/fp-interface/themes/leggero/leggero/res/globals.css
@@ -12,7 +12,6 @@ Module: globals.css
 */
 
 
-
 .alignleft { float: left }
 
 .alignright { float: right }
@@ -48,10 +47,9 @@ Module: globals.css
 .warnings {
 	color : #8a7802;
 	border-top: 1px solid;
-    border-bottom: 1px solid;
+	border-bottom: 1px solid;
 	border-color: #f8e674;
-	background: #fffdd5;
-
+	background: #fffdd5
 }
 
 .field-error {
diff --git a/fp-interface/themes/leggero/leggero/res/style.css b/fp-interface/themes/leggero/leggero/res/style.css
index 7b288a2..c0e2d17 100644
--- a/fp-interface/themes/leggero/leggero/res/style.css
+++ b/fp-interface/themes/leggero/leggero/res/style.css
@@ -10,12 +10,11 @@ Author: NoWhereMan & drudo
 Version: 0.2
 Module: style.css
 
-last change: 2022-03-12
+last change: 2023-11-01
 
 */
 
 
-
 /* imports common style ruleset */
 @import url(common.css);
 @import url(globals.css);
@@ -24,105 +23,115 @@ last change: 2022-03-12
 @import url(column.css);
 
 /* defines rules specific to the front page */
-body { margin: 80px 0 0 0 }
+body { margin: 80px 0 10px 0 }
 
-#comments li.comment-admin {
-	padding:1em
-}
+#comments li.comment-admin { padding: 1em }
 
 #comments li.comment-admin strong.comment-name { font-size:140% }
 
-#widget-searchbox form {
-	/* text-align: center; */
+#widget-searchbox div.buttonbar {
+  margin: 10px -5px;
+	text-align: left
 }
 
 /* 800er Bildschirme zum Beispiel iPad Hochformat */
-@media only screen and (max-width: 768px) { 
+@media (max-width: 768px) { 
 
-#main {
-  width: 100%;
-  margin: 0;
-  padding: 1em 0.5em 0 0.5em;
-}
+  #main {
+    width: 97%;
+    margin: 0;
+    padding: 1em 0.5em 0 0.5em
+  }
 
-#main ul.entry-footer {
-  margin: 0;
-  padding: 2em 0 1em 0 ;
-  width: 98%;
-  text-align: right;
-}
+  #main ul.entry-footer {
+    margin: 0;
+    padding: 2em 0 1em 0 ;
+    width: 98%;
+    text-align: right
+  }
 
-#column {
-  width: 100%;
-  font-size: 80%;
-  margin: 0;
-  padding: 1em 0.5em 2em 0.5em;
-  /* border: 1px solid red; */
-  overflow: auto;   /* shit, bei 84% Bildbreite wird es eng! */
-}
+  #column {
+    width: 100%;
+    font-size: 80%;
+    margin: 0;
+    padding: 1em 0.5em 2em 0.5em;
+    overflow: auto;
+    text-align: center
+  }
 
+  #widget-searchbox div.buttonbar {
+    text-align: center
+  }
+  
+  #widget_calendar table.calendar {
+    margin-left: auto;
+    margin-right: auto;
+    text-align: center
+  }
+
+  blockquote {
+    border-left: unset !IMPORTANT
+  }
 }
    
 /* Kleinbildschirme */
-@media only screen and (max-width: 480px) { 
+@media (max-width: 480px) { 
 
-body {
-  margin: 1px 0 0 0;
-  padding: 0;
-  width: 100%;
-}
+  body {
+    margin: 1px 0 0 0;
+    padding: 0;
+    width: 100%
+  }
 
-#body-container {
-  margin: 0;
-  padding: 0.5em;
-  width: 96%;
-  border: none;
-}
+  #body-container {
+    margin: 0;
+    padding: 0.5em;
+    width: 96%;
+    border: none
+  }
 
-#head {
-  margin: 0;
-  padding: 0;
-  width: 100%;
-}
+  #head {
+    margin: 0;
+    padding: 0;
+    width: 100%
+  }
 
-h1 {
-  margin: 0;
-  padding: 0.5em 0 0 0.2em;
-}
+  h1 {
+    margin: 0;
+    padding: 0.5em 0 0 0.2em
+  }
 
-.subtitle {
-  margin: 0;
-  padding: 0.5em 0.5em 1em 0.5em;
-}
+  .subtitle {
+    margin: 0;
+    padding: 0.5em 0.5em 1em 0.5em;
+  }
 
-#main {
-  margin: 0;
-  padding: 1em 0.4em 0 0;
-  width: 100%;
-}
+  #main {
+    margin: 0;
+    padding: 1em 0.4em 0 0;
+    width: 100%
+  }
 
-.entry {
-  margin: 0;
-  padding: 0 0.5em 1em 0.5em 
-}
+  .entry {
+    margin: 0;
+    padding: 0 0.5em 1em 0.5em 
+  }
 
-#main ul.entry-footer {
-  margin: 0;
-  padding: 2em 0 1em 0;
-  width: 98%;
-  text-align: right;
-}
+  #main ul.entry-footer {
+    margin: 0;
+    padding: 2em 0 1em 0;
+    width: 98%;
+    text-align: right
+  }
 
-#main pre {
-  margin: 0;
-  padding: 0 0 0 1.5em;
-}
+  #main pre {
+    margin: 0;
+    padding: 0 0 0 1.5em
+  }
 
-#column {
-  margin: 0;
-  padding: 0;
-  width: 100%;
-}
-
-
-}      
\ No newline at end of file
+  #column {
+    margin: 0;
+    padding: 0;
+    width: 100%
+  }
+}      

From ebe46b251d4172801ba58175d29575a83d25e9bb Mon Sep 17 00:00:00 2001
From: Fraenkiman <frank.pcn@gmail.com>
Date: Thu, 2 Nov 2023 23:00:59 +0100
Subject: [PATCH 04/15] Update common.css

---
 .../themes/leggero/leggero/res/common.css     | 98 +++++++++----------
 1 file changed, 49 insertions(+), 49 deletions(-)

diff --git a/fp-interface/themes/leggero/leggero/res/common.css b/fp-interface/themes/leggero/leggero/res/common.css
index af979ba..5f64d48 100644
--- a/fp-interface/themes/leggero/leggero/res/common.css
+++ b/fp-interface/themes/leggero/leggero/res/common.css
@@ -17,18 +17,18 @@ last change: 2023-11-01
 
 /* ===== GENERAL (redefinition HTML tag) ===== */
 html {
-    font-size: 85%;
-    font-family: 'Lucida Grande', 'Trebuchet MS', arial, Helvetica, sans-serif;
-    margin: 0;
-    padding: 0
+	font-size: 85%;
+	font-family: 'Lucida Grande', 'Trebuchet MS', arial, Helvetica, sans-serif;
+	margin: 0;
+	padding: 0
 }
 
 body {
-    font-size: 100%;
-    padding: 0;
-    background: white url(../imgs/backshade.png) repeat-x;
-    color: black;
-    width: 100%
+	font-size: 100%;
+	padding: 0;
+	background: white url(../imgs/backshade.png) repeat-x;
+	color: black;
+	width: 100%
 }
 
 hr { display: none }
@@ -39,8 +39,8 @@ img { border: none }
 
 /* Responsive Design img */
 img {
-    max-width: 100%;
-    height: auto
+	max-width: 100%;
+	height: auto
 }
 
 /*
@@ -48,48 +48,48 @@ img {
  */
  
 .center {
-    display: block;
-    margin-left: auto;
-    margin-right: auto
+	display: block;
+	margin-left: auto;
+	margin-right: auto
 }
 
 /* Plugin: QuickGallery */
 
 .img-gallery img {
-    display: inline;
-    margin: 0.4em
+	display: inline;
+	margin: 0.4em
 }
 
 /* Plugin: QuickGallery */
 
 .img-gallery img .center {
-    display: inline
+	display: inline
 }
 
 blockquote {
-    width: 90%;
-    color: #666;
-    margin: 1em 1em;
-    padding: 0 10px;
-    border-left: 5px solid #bbb
+	width: 90%;
+	color: #666;
+	margin: 1em 1em;
+	padding: 0 10px;
+	border-left: 5px solid #bbb
 }
 
 pre, code {
-    font-family: 'Lucida Console', Monaco, monospace;
-    font-size: 90%
+	font-family: 'Lucida Console', Monaco, monospace;
+	font-size: 90%
 }
 
 pre {
-    border-top: 1px solid #ddd;
-    border-bottom: 1px solid #ddd;
-    background-color: #efefef;
-    overflow: auto;
-    width: 90%;
-    margin: 1em 1em 2em 1em;
-    padding: 1em 0.5em;
-    min-height: 40px; 
-    height: auto !important; 
-    height: 40px
+	border-top: 1px solid #ddd;
+	border-bottom: 1px solid #ddd;
+	background-color: #efefef;
+	overflow: auto;
+	width: 90%;
+	margin: 1em 1em 2em 1em;
+	padding: 1em 0.5em;
+	min-height: 40px; 
+	height: auto !important; 
+	height: 40px
 }
 
 ul, li, ol { margin: 0; padding: 0 }
@@ -158,7 +158,7 @@ h2 {
 	font-size: 1.5em;
 	color: #333333;
 	margin: 0;
-    padding: 1em 0 1em 0
+	padding: 1em 0 1em 0
 }
 
 h3 {
@@ -173,10 +173,10 @@ h4 { font-size: 1.2em }
 /* ===== DIV CONTAINER ALL ELEMENTS BLOCK ===== */
 #body-container {
 	text-align: left;
-    width: 85%;
+	width: 85%;
 	margin: 0 auto;
-    max-width: 68em;
-    padding: 0.3em;
+	max-width: 68em;
+	padding: 0.3em;
 	border: solid 1px #ccc;
 	background-color: white
 }
@@ -184,13 +184,13 @@ h4 { font-size: 1.2em }
 
 /* ===== HEAD ===== */
 #head {
-    clear: both;
+	clear: both;
 	font-family: 'book antiqua', georgia, garamond,  times, 'times new roman', serif;
-    margin: 1em;
-    padding: 7em 0.6em 0.5em 0.5em;
-    border-radius: 1em;
-    border: 0;
-    background-image: linear-gradient( #aa4142, #c37576)
+	margin: 1em;
+	padding: 7em 0.6em 0.5em 0.5em;
+	border-radius: 1em;
+	border: 0;
+	background-image: linear-gradient( #aa4142, #c37576)
 }
 
 #head a { color: white; text-decoration: none }
@@ -206,7 +206,7 @@ h4 { font-size: 1.2em }
 
 /* ===== DIV CONTAINER "MAIN" ===== */
 #outer-container {
-    width: 100%;
+	width: 100%;
 	background-color: white
 }
 
@@ -216,7 +216,7 @@ h4 { font-size: 1.2em }
 
 #main {
 	float: left;
-    width: 62%;
+	width: 62%;
 	font-size: 100%;
 	margin: 1em
 }
@@ -307,9 +307,9 @@ form#search ul { list-style-type: none
 	clear: both;
 	font-size: 80%;
 	color: #555;
-    background-color: #dcdcdc;
+	background-color: #dcdcdc;
 	padding: 1em;
-    margin: 0 1em 1em 1em;
-    text-align: center;
+	margin: 0 1em 1em 1em;
+	text-align: center;
 	border-top: #bbb 1px solid
 }
\ No newline at end of file

From 182b7fecdd18826a3738d2cf6ef18703b7ca3d7c Mon Sep 17 00:00:00 2001
From: Fraenkiman <frank.pcn@gmail.com>
Date: Thu, 2 Nov 2023 23:05:35 +0100
Subject: [PATCH 05/15] Update style.css

---
 .../themes/leggero/leggero/res/style.css      | 94 +++++++++----------
 1 file changed, 47 insertions(+), 47 deletions(-)

diff --git a/fp-interface/themes/leggero/leggero/res/style.css b/fp-interface/themes/leggero/leggero/res/style.css
index c0e2d17..259d296 100644
--- a/fp-interface/themes/leggero/leggero/res/style.css
+++ b/fp-interface/themes/leggero/leggero/res/style.css
@@ -38,39 +38,39 @@ body { margin: 80px 0 10px 0 }
 @media (max-width: 768px) { 
 
   #main {
-    width: 97%;
-    margin: 0;
-    padding: 1em 0.5em 0 0.5em
+	width: 97%;
+	margin: 0;
+	padding: 1em 0.5em 0 0.5em
   }
 
   #main ul.entry-footer {
-    margin: 0;
-    padding: 2em 0 1em 0 ;
-    width: 98%;
-    text-align: right
+	margin: 0;
+	padding: 2em 0 1em 0 ;
+	width: 98%;
+	text-align: right
   }
 
   #column {
-    width: 100%;
-    font-size: 80%;
-    margin: 0;
-    padding: 1em 0.5em 2em 0.5em;
-    overflow: auto;
-    text-align: center
+	width: 100%;
+	font-size: 80%;
+	margin: 0;
+	padding: 1em 0.5em 2em 0.5em;
+	overflow: auto;
+	text-align: center
   }
 
   #widget-searchbox div.buttonbar {
-    text-align: center
+	text-align: center
   }
   
   #widget_calendar table.calendar {
-    margin-left: auto;
-    margin-right: auto;
-    text-align: center
+	margin-left: auto;
+	margin-right: auto;
+	text-align: center
   }
 
   blockquote {
-    border-left: unset !IMPORTANT
+	border-left: unset !IMPORTANT
   }
 }
    
@@ -78,60 +78,60 @@ body { margin: 80px 0 10px 0 }
 @media (max-width: 480px) { 
 
   body {
-    margin: 1px 0 0 0;
-    padding: 0;
-    width: 100%
+	margin: 1px 0 0 0;
+	padding: 0;
+	width: 100%
   }
 
   #body-container {
-    margin: 0;
-    padding: 0.5em;
-    width: 96%;
-    border: none
+	margin: 0;
+	padding: 0.5em;
+	width: 96%;
+	border: none
   }
 
   #head {
-    margin: 0;
-    padding: 0;
-    width: 100%
+	margin: 0;
+	padding: 0;
+	width: 100%
   }
 
   h1 {
-    margin: 0;
-    padding: 0.5em 0 0 0.2em
+	margin: 0;
+	padding: 0.5em 0 0 0.2em
   }
 
   .subtitle {
-    margin: 0;
-    padding: 0.5em 0.5em 1em 0.5em;
+	margin: 0;
+	padding: 0.5em 0.5em 1em 0.5em;
   }
 
   #main {
-    margin: 0;
-    padding: 1em 0.4em 0 0;
-    width: 100%
+	margin: 0;
+	padding: 1em 0.4em 0 0;
+	width: 100%
   }
 
   .entry {
-    margin: 0;
-    padding: 0 0.5em 1em 0.5em 
+	margin: 0;
+	padding: 0 0.5em 1em 0.5em 
   }
 
   #main ul.entry-footer {
-    margin: 0;
-    padding: 2em 0 1em 0;
-    width: 98%;
-    text-align: right
+	margin: 0;
+	padding: 2em 0 1em 0;
+	width: 98%;
+	text-align: right
   }
 
   #main pre {
-    margin: 0;
-    padding: 0 0 0 1.5em
+	margin: 0;
+	padding: 0 0 0 1.5em
   }
 
   #column {
-    margin: 0;
-    padding: 0;
-    width: 100%
+	margin: 0;
+	padding: 0;
+	width: 100%
   }
-}      
+}	  

From 4abad67693cd31b77a8b8692cec9634a921f0147 Mon Sep 17 00:00:00 2001
From: Fraenkiman <frank.pcn@gmail.com>
Date: Thu, 2 Nov 2023 23:07:21 +0100
Subject: [PATCH 06/15] Update column.css

---
 .../themes/leggero/leggero/res/column.css     | 62 +++++++++----------
 1 file changed, 31 insertions(+), 31 deletions(-)

diff --git a/fp-interface/themes/leggero/leggero/res/column.css b/fp-interface/themes/leggero/leggero/res/column.css
index a8688c9..ef88f6e 100644
--- a/fp-interface/themes/leggero/leggero/res/column.css
+++ b/fp-interface/themes/leggero/leggero/res/column.css
@@ -17,18 +17,18 @@ last change: 2023-11-01
 
 /* ===== COLUMN ===== */
 #column {
-  float: right;
-  width: 28%;
-  font-size: 80% !important;
-  font-size: 75%;
-  height:1%;
-  margin: 1em;
-  padding: 0.7em
+	float: right;
+	width: 28%;
+	font-size: 80% !important;
+	font-size: 75%;
+	height:1%;
+	margin: 1em;
+	padding: 0.7em
 }
 
 #column h4 {
-  /* Titles of the sections */
-  margin-bottom: .5em
+	/* Titles of the sections */
+	margin-bottom: .5em
 }
 
 #column p, #column div { margin: 10px 5px }
@@ -39,10 +39,10 @@ last change: 2023-11-01
 #column ul li table { font-size: 100% }
 
 #column ul {
-  list-style-type: none;
-  margin-right: 10px;
-  margin-bottom: .5em;
-  padding-left: 1em
+	list-style-type: none;
+	margin-right: 10px;
+	margin-bottom: .5em;
+	padding-left: 1em
 }
 
 #column fieldset { margin: 0 5px 0 5px }
@@ -54,39 +54,39 @@ The following definitions take care of the Calendar plugin
 ======================================================= */
 
 #widget_calendar table.calendar {
-  font-size: 85%
+	font-size: 85%
 }
 
 .calendar {
-  margin: 0;
-  padding: 0 0 2em 0;
-  font-size: 80%
+	margin: 0;
+	padding: 0 0 2em 0;
+	font-size: 80%
 }
 
 .calendar-month {
-  margin: 0;
-  padding: 0.4em 0 0.4em 0;  
-  color: #333;
-  background-color: transparent;
-  font-weight: bold;
-  border-bottom: 0.1em solid #333
+	margin: 0;
+	padding: 0.4em 0 0.4em 0;	
+	color: #333;
+	background-color: transparent;
+	font-weight: bold;
+	border-bottom: 0.1em solid #333
 }
 
 .calendar th {
-  padding: 0.4em; 
-  color: #fff;
-  background-color: #c37576
+	padding: 0.4em; 
+	color: #fff;
+	background-color: #c37576
 }
 
 .calendar td {
-  padding: 0.4em;
-  text-align: center
+	padding: 0.4em;
+	text-align: center
 }
 
 .current-day {
-  color: #333;
-  background-color: transparent;
-  border: 2px solid #c37576
+	color: #333;
+	background-color: transparent;
+	border: 2px solid #c37576
 }
 /* =======================================================
 End of Calendar plugin

From c3493f8da62129fde99238cf63895a40b464af0d Mon Sep 17 00:00:00 2001
From: Fraenkiman <frank.pcn@gmail.com>
Date: Wed, 8 Nov 2023 21:53:15 +0100
Subject: [PATCH 07/15] formatting

---
 .../themes/leggero/flatmaas-rev/res/admin.css | 223 +++++++-----------
 .../themes/leggero/leggero/res/admin.css      |  73 +++---
 .../themes/leggero/leggero/res/common.css     |  27 +--
 .../themes/leggero/leggero/res/globals.css    |   6 +-
 .../themes/leggero/leggero/res/style.css      | 164 ++++++-------
 5 files changed, 220 insertions(+), 273 deletions(-)

diff --git a/fp-interface/themes/leggero/flatmaas-rev/res/admin.css b/fp-interface/themes/leggero/flatmaas-rev/res/admin.css
index 310e2c5..62de094 100755
--- a/fp-interface/themes/leggero/flatmaas-rev/res/admin.css
+++ b/fp-interface/themes/leggero/flatmaas-rev/res/admin.css
@@ -33,10 +33,10 @@ h1 {
 
 ul#admin-tabmenu {
 	margin: 1em 0 0 0;
-        text-align: center;
-        background-color: #999977;
-        padding: 1em 1em 0 1em;
-        border: solid #999977;
+	text-align: center;
+	background-color: #999977;
+	padding: 1em 1em 0 1em;
+	border: solid #999977;
 }
 
 ul#admin-tabmenu li {
@@ -48,9 +48,9 @@ ul#admin-tabmenu li {
 	background-color: #CCCCAA 
 }
 
-ul#admin-tabmenu li a {    
-        color: #555533;
-        padding: 0.5em;
+ul#admin-tabmenu li a {	
+	color: #555533;
+	padding: 0.5em;
 	line-height: 2em;
 	font-weight: normal;
 	text-decoration: none;
@@ -59,20 +59,20 @@ ul#admin-tabmenu li a {
 
 
 ul#admin-tabmenu li a:hover {
-        color: #555533;
+	color: #555533;
 	font-weight: normal;
 	background: #BBBB99 /*url('../imgs/arrow.gif') center right no-repeat}*/
 
 }
 
 ul#admin-tabmenu a#admin-tab-current {
-        font-weight: bold;
-        background-color: white
+	font-weight: bold;
+	background-color: white
 }
 
 #admin-content {
-        border: 1px solid #999977;
-        padding: 1em;
+	border: 1px solid #999977;
+	padding: 1em;
 	overflow: hidden;
 }
 
@@ -96,10 +96,10 @@ ul#admin-tabmenu a#admin-tab-current {
 
 
 input#subject {
-        width:100%;
-        font-size: 1.3em;
+	width:100%;
+	font-size: 1.3em;
 	color: #333333;
-        font-weight: bold;
+	font-weight: bold
 }
 
 /* panel container */
@@ -126,38 +126,37 @@ input#subject {
 
 #admin-content table {
 	border-collapse: collapse;
-	width: 100%;	
+	width: 100%;
 }
 
 #admin-content td {
 	border-bottom: solid 1px black;
 	width: 8px;
 	font-size: 0.8em;
-	padding: 4px;
+	padding: 4px
 }
 
 #admin-content td.main_cell {
 	text-align: left;
 	font-weight: bold;
-	width: 30%;
-	
+	width: 30%
 }
 
 #admin-content th {
 	border-bottom: solid 2px black;
 	padding: 4px;
 	font-size: 0.75em;
-	font-style: italic;
+	font-style: italic
 }
 
 input.maxsize, select.maxsize {width:100%}
 
 
 #admin-bbcode-toolbar{
-    border: none;
-    padding:0;
-    padding-right: 0.7%;
-    margin:0;
+	border: none;
+	padding:0;
+	padding-right: 0.7%;
+	margin:0;
 }
 #admin-bbcode-toolbar legend{display:none}
 
@@ -172,42 +171,38 @@ input.maxsize, select.maxsize {width:100%}
 }
 
 #post-preview .entry {
-        padding:2em
+		padding:2em
 }
 
 /* notifications */
-
 .draft {background-color:lightgrey}
 
 /* (already defined in common, here we put just some tuning settings) */
 #admin-content ul.msgs {
-    margin-left: 0em;
-    padding: 1em 2em;
-    margin-bottom: 2em;
+	margin-left: 0em;
+	padding: 1em 2em;
+	margin-bottom: 2em
 }
 
 
 /* conflict with inner h1 */
-
 #admin-content h1 {
 	color: black
 }
 
 
-
 /* ===== submenu ====== */
-
 #admin-submenu {
 	background: #eee; 
 	border-top: 1px solid #ddd; 
 	border-bottom: 1px solid #ddd; 
 	text-align:center;
-	padding: .1em .3em .2em;
+	padding: .1em .3em .2em
 }
 
 #admin-submenu li {
 	display:inline; 
-	font-size: 80%; 
+	font-size: 80%;
 }
 
 #admin-submenu li a {
@@ -215,7 +210,7 @@ input.maxsize, select.maxsize {width:100%}
 	color: #000;
 	border-left: 1px solid #eee;
 	border-right: 1px solid #eee;  
-	font-weight: normal;
+	font-weight: normal
 }
 
 #admin-submenu li a:hover {
@@ -239,7 +234,6 @@ input.maxsize, select.maxsize {width:100%}
 }
 
 
-
 /* ===== MAIN MENU ITEM ===== */
 #admin-content { padding: 1em }
 
@@ -257,7 +251,6 @@ input.maxsize, select.maxsize {width:100%}
 }
 
 
-
 /* ===== ADMIN ENTRY ===== */
 input#subject {
 	width: 100%;
@@ -331,9 +324,7 @@ input.maxsize, select.maxsize { width: 100% }
 }
 
 
-#plugin-table-body td {
-	padding: 1em .6em;
-}
+#plugin-table-body td { padding: 1em .6em }
 
 #admin-drafts {
 	border-top: 1px solid #bbb;
@@ -341,24 +332,22 @@ input.maxsize, select.maxsize { width: 100% }
 	padding:  .4em;
 	color: #555;
 	background-color: #ddd;
-	overflow: auto;
+	overflow: auto
 }
 
 #admin-drafts p {
 	font-weight: bold;
 	float: left;
 	padding: 0;
-	margin: 0;
+	margin: 0
 }
 
-#admin-content #admin-drafts ul {
-	margin: 0; padding: 0;
-}
+#admin-content #admin-drafts ul { margin: 0; padding: 0 }
 
 #admin-drafts li {
 	float:left;
 	list-style-position: inside;
-	margin: 0; padding-left: 1em;
+	margin: 0; padding-left: 1em
 }
 
 
@@ -399,65 +388,53 @@ input.maxsize, select.maxsize { width: 100% }
 /* ===== THEME PANEL ===== */
 
 #current-theme h5, 
-#available-themes h5 {
-	font-size: 1em;
-}
+#available-themes h5 { font-size: 1em }
 
 #current-theme {	
 	margin-bottom: 4em;
-	overflow:hidden;
+	overflow:hidden
 }
 
-
 #current-theme img { 
 	float:left;
 	border: 1px solid #ddd;
-	margin-right: 2em;
+	margin-right: 2em
 }
 
-#available-themes {
-	clear: both;
-}
+#available-themes { clear: both }
 
+#available-themes img { border: 1px solid #eee }
 
-#available-themes img {
-	border: 1px solid #eee
-}
-
-#available-themes ul {
-	list-style-type: none;
-}
+#available-themes ul { list-style-type: none }
 
 #available-themes ul li {
 	float:left;
 	padding: 1em;
 	border: 1px solid #fff;
 	text-align: center;
-	width: 300px;
+	width: 300px
 }
 
 #available-themes ul li:hover {
 	background: #eee;
-	border: 1px solid #ddd;
+	border: 1px solid #ddd
 }
 
+
 /* ===== WIDGET PANEL ====== */
-
-#admin-widgetset-list {
-	width: 30em;
-}
+#admin-widgetset-list { width: 30em }
 
 #admin-widgetset-list ul {
 	list-style-type: none;
 	margin: 0;
 	margin-bottom: 2em;
-	text-align: left;
+	text-align: left
 }
 
 li.admin-widgetset {
 	padding: .5em;
 	margin-bottom: 2em;
-	border: 1px solid #ddd;
+	border: 1px solid #ddd
 }
 
 #available-widgets {
@@ -469,7 +446,7 @@ li.admin-widgetset {
 	width: 30%;
 	z-index: 1000;
 	position: relative;
-	text-align: left;
+	text-align: left
 }
 
 #widget-trashcan { /*colors for trashcan/uninstall widgets while dragging*/
@@ -480,7 +457,7 @@ li.admin-widgetset {
 	padding: 2em;
 	text-align: center;
 	border: 2px solid #f00;
-	margin: 2em;
+	margin: 2em
 }
 
 .widget-available { /*colors for available widgets while dragging*/
@@ -488,7 +465,7 @@ li.admin-widgetset {
 	color: #fff;
 	background-color: rgba(34, 102, 0, 0.7);
 	border: 2px solid #2f0;
-	z-index: 2000;
+	z-index: 2000
 }
 
 .widget-installed { /*colors for installed widgets while dragging*/
@@ -496,14 +473,13 @@ li.admin-widgetset {
 	color: #fff;
 	background-color: rgba(0, 34, 102, 0.7);
 	border: 2px solid #00f;
-	z-index: 2000;
+	z-index: 2000
 }
 #available-widgets ul, .admin-widgetset ul {
 	padding-left: 0;
-	margin-left: 0;
+	margin-left: 0
 }
 
-
 li.widget-instance,
 li.widget-class {
 	cursor: move;
@@ -512,15 +488,14 @@ li.widget-class {
 	padding: .5em;
 	height: 30px;
 	background-color: white;
-	list-style-type: none;
+	list-style-type: none
 }
 
-
 .admin-widgetset h3 {
 	margin-bottom:1em;
 	padding: .3em;
 	background: #eee;
-	border: 1px solid #ddd;
+	border: 1px solid #ddd
 }
 
 #available-widgets h2 {
@@ -529,7 +504,7 @@ li.widget-class {
 	margin-bottom:1em;
 	padding: .3em;
 	border: 1px solid #eee;
-	background: #999;
+	background: #999
 }
 
 .widget-instance .textinput {
@@ -539,112 +514,89 @@ li.widget-class {
 	font-style: oblique;
 	color: blue;
 	border: #fff 2px solid;
-	text-align: right;
+	text-align: right
 }
 
 .widget-instance .textinput:hover {
 	border: #d00 2px solid;
-	background-color:white;
+	background-color: white
 }
 
 
 .widget-instance .textinput:focus {
 	font-style: normal;
 	border: #f00 2px solid;
-	background-color:white;
-	text-align: left;
+	background-color: white;
+	text-align: left
 }
 
 
 .widgetname a, 
 .widgetname a:link,
-.widgetname a:visited {
-	color: #ddd;
-}
+.widgetname a:visited { color: #ddd }
 
 .widget-placeholder {
 	padding: .5em;
 	font-style: oblique;
 	text-align: center;
-	border: 1px dashed #ddd;
+	border: 1px dashed #ddd
 }
 
 .widget-dragger {
 	text-align: left;
 	z-index: 1000;
 	padding: .5em;
-	height: 30px !important;
+	height: 30px !important
 }
 
 
 /* ===== CONFIG PANEL ===== */
-
-#admin-config dl {
-	margin-bottom: 4em;
-}
+#admin-config dl { margin-bottom: 4em }
 
 #admin-config dt {
-    width: 33%;
-    text-align:right;
-    margin-top: 1.8em;
-    line-height: 1.5em;
-    font-weight: bold;
+	width: 33%;
+	text-align:right;
+	margin-top: 1.8em;
+	line-height: 1.5em;
+	font-weight: bold;
 }
 
-#admin-config dt label {
-	padding-top: .2em;
-}
+#admin-config dt label { padding-top: .2em }
 
 #admin-config dd {
-    margin-left: 35%;
-    margin-top: -1.7em;
-    line-height: 1.5em;
+	margin-left: 35%;
+	margin-top: -1.7em;
+	line-height: 1.5em
 }
 
+#admin-config dd p { margin: 0 }
 
-#admin-config dd p {
-    margin: 0;
-}
-
-
-#admin-config dd input{
-	margin-bottom: .2em;
-}
+#admin-config dd input { margin-bottom: .2em }
 
 #admin-config input.textinput ,
-#admin-config select.textinput {
-	width: 20em;
-}
+#admin-config select.textinput { width: 20em }
 
+#admin-config input.bigtextinput { width: 30em }
 
-#admin-config input.bigtextinput {
-	width: 30em;
-}
+#admin-config input.smalltextinput { width: 5em }
 
 
-#admin-config input.smalltextinput {
-	width: 5em;
-}
-
 /* ===== SPECIAL HOVERS ====== */
-a.link-disable, a.link-enable{
-	padding: .9em;
-}
+a.link-disable, a.link-enable { padding: .9em }
+
 a.link-disable:hover {
 	background-color: red;
-	color: white;
-}
-a.link-enable:hover {
-	background-color: green;
-	color: white;
+	color: white
 }
 
+a.link-enable:hover {
+	background-color: green;
+	color: white
+}
 
 
 /* ===== NOTIFICATIONS ===== */
-.hint {
-	cursor: help;
-}
+.hint { cursor: help }
 
 .draft { background-color: lightgrey }
 
@@ -655,7 +607,4 @@ a.link-enable:hover {
 	padding: 1em 2em
 }
 
-form {
-    margin: auto;
-}
-
+form { margin: auto }
diff --git a/fp-interface/themes/leggero/leggero/res/admin.css b/fp-interface/themes/leggero/leggero/res/admin.css
index 48533a9..86fab9e 100755
--- a/fp-interface/themes/leggero/leggero/res/admin.css
+++ b/fp-interface/themes/leggero/leggero/res/admin.css
@@ -41,8 +41,8 @@ h2 { border-bottom: 1px solid #ddd; margin: 0.5em 0 }
 
 #admin-content h2,
 #admin-content form h2 {
-    font-style: normal;
-    padding: unset
+	font-style: normal;
+	padding: unset
 }
 
 body { background: #eee }
@@ -215,19 +215,19 @@ input.maxsize, select.maxsize { width: 99% }
 	margin: 0;
 	padding: 0;
 	padding-right: 0.7%;
-    display: table;
+	display: table;
 	border: none
 }
 
 #admin-bbcode-toolbar p {
-    display: table-cell;
-    vertical-align: middle;
-    line-height: 1em
+	display: table-cell;
+	vertical-align: middle;
+	line-height: 1em
 }
 
 #admin-bbcode-toolbar p img {
-    vertical-align: middle;
-    cursor: pointer
+	vertical-align: middle;
+	cursor: pointer
 }
 
 #admin-bbcode-toolbar legend { display: none }
@@ -311,7 +311,6 @@ input.maxsize, select.maxsize { width: 99% }
 
 
 /* ===== THEME PANEL ===== */
-
 #current-theme h5, 
 #available-themes h5 { font-size: 1em }
 
@@ -347,7 +346,6 @@ input.maxsize, select.maxsize { width: 99% }
 
 
 /* ===== WIDGET PANEL ====== */
-
 #admin-widgetset-list { width: 30em }
 
 #admin-widgetset-list ul {
@@ -450,7 +448,6 @@ li.widget-class {
 	background-color: white
 }
 
-
 .widget-instance .textinput:focus {
 	font-style: normal;
 	border: #f00 2px solid;
@@ -484,38 +481,38 @@ li.widget-class {
 .option-list ul li { list-style-type: none }
 
 .option-set dt {
-    width: 33%;
-    text-align:right;
-    margin-top: 0.5em;
-    line-height: 1em;
-    font-weight: bold
+	width: 33%;
+	text-align:right;
+	margin-top: 0.5em;
+	line-height: 1em;
+	font-weight: bold;
 }
 
 .option-set dt label { padding-top: .2em }
 
 .option-list dd label {
-    position: relative;
-    vertical-align: middle;
-    display: flex
+	position: relative;
+	vertical-align: middle;
+	display: flex
 }
 
 .option-set dd {
-    margin-left: 35%;
-    bottom: 1.24em;
-    line-height: 1.5em;
-    position: relative
+	margin-left: 35%;
+	bottom: 1.24em;
+	line-height: 1.5em;
+	position: relative
 }
 
 .option-set dd p { margin: 0 }
 
 .option-set dd p.text {
-    display: inline;
-    vertical-align: middle
+	display: inline;
+	vertical-align: middle
 }
 
 .option-list dd code {
-    position: relative;
-    font-size: 1em
+	position: relative;
+	font-size: 1em
 }
 
 .option-set dd input{ margin-bottom: .2em }
@@ -525,9 +522,9 @@ li.widget-class {
 .textinput:focus, .bigtextinput:focus, .smalltextinput:focus { font-weight: bold }
 
 .widetextinput {
-    width: 99%;
-    font-size: 1.3em;
-    color: #333333
+	width: 99%;
+	font-size: 1.3em;
+	color: #333333
 }
 
 .option-set input.textinput ,
@@ -546,20 +543,20 @@ a.link-general {
 	padding: .9em
 }
 
-td.main-cell a.link-general {display:block}
+td.main-cell a.link-general { display: block }
 
 a.link-disable:hover, a.link-delete:hover {
-    background-color: red;
-    color: white
+	background-color: red;
+	color: white
 }
 a.link-enable:hover {
-    background-color: green;
-    color: white
+	background-color: green;
+	color: white
 }
 
 a.link-general:hover, .main-cell a:hover {
-    background-color: #aaa;
-    color: black
+	background-color: #aaa;
+	color: black
 }
 
 
@@ -569,6 +566,6 @@ a.link-general:hover, .main-cell a:hover {
 .draft { background-color: #333 }
 
 /* (already defined in common, here we put just some tuning settings) */
-#admin-content ul.msgs { margin:0 }
+#admin-content ul.msgs { margin: 0 }
 
 form { margin: auto }
diff --git a/fp-interface/themes/leggero/leggero/res/common.css b/fp-interface/themes/leggero/leggero/res/common.css
index 5f64d48..25a73ff 100644
--- a/fp-interface/themes/leggero/leggero/res/common.css
+++ b/fp-interface/themes/leggero/leggero/res/common.css
@@ -26,9 +26,10 @@ html {
 body {
 	font-size: 100%;
 	padding: 0;
+	/* text-align: center; */
 	background: white url(../imgs/backshade.png) repeat-x;
 	color: black;
-	width: 100%
+		width: 100%
 }
 
 hr { display: none }
@@ -62,9 +63,7 @@ img {
 
 /* Plugin: QuickGallery */
 
-.img-gallery img .center {
-	display: inline
-}
+.img-gallery img .center { display: inline }
 
 blockquote {
 	width: 90%;
@@ -113,7 +112,7 @@ input, textarea, select {
 	padding: .2em;
 	border: 1px solid #999;
 	color: #222;
-	background-color: #eee
+	background-color: #eee;
 }
 
 input:hover, input:focus, textarea:hover, textarea:focus {
@@ -185,7 +184,7 @@ h4 { font-size: 1.2em }
 /* ===== HEAD ===== */
 #head {
 	clear: both;
-	font-family: 'book antiqua', georgia, garamond,  times, 'times new roman', serif;
+	font-family: 'book antiqua', georgia, garamond,	times, 'times new roman', serif;
 	margin: 1em;
 	padding: 7em 0.6em 0.5em 0.5em;
 	border-radius: 1em;
@@ -212,7 +211,7 @@ h4 { font-size: 1.2em }
 
 
 /* ===== MAIN ===== */
-#main h4 { margin: 2em 0 0 0 }
+#main h4 { margin: 2em 0 0 0}
 
 #main {
 	float: left;
@@ -266,12 +265,12 @@ h6.date {
 	overflow: auto
 }
 	
-#main>.entry {
-	overflow: hidden; /* rest of the world :) */
+#main>.entry { /* rest of the world :) */
+	overflow: hidden
 }
 	/* end of .entry */
 	
-#main ul.entry-footer { /*  entry footer */
+#main ul.entry-footer { /*	entry footer */
 	clear: both;
 	font-size: 80%;
 	color: gray;
@@ -296,11 +295,11 @@ h6.date {
 	
 .navigation { /* next entries & previous entries link */
 	font-size: 80%;
-	margin-bottom: 5em }
-
-form#search ul { list-style-type: none
+	margin-bottom: 5em
 }
 
+form#search ul { list-style-type: none }
+
 
 /* ===== FOOTER ===== */
 #footer {
@@ -312,4 +311,4 @@ form#search ul { list-style-type: none
 	margin: 0 1em 1em 1em;
 	text-align: center;
 	border-top: #bbb 1px solid
-}
\ No newline at end of file
+}
diff --git a/fp-interface/themes/leggero/leggero/res/globals.css b/fp-interface/themes/leggero/leggero/res/globals.css
index 2e42e87..ff8f100 100755
--- a/fp-interface/themes/leggero/leggero/res/globals.css
+++ b/fp-interface/themes/leggero/leggero/res/globals.css
@@ -12,6 +12,7 @@ Module: globals.css
 */
 
 
+
 .alignleft { float: left }
 
 .alignright { float: right }
@@ -47,9 +48,10 @@ Module: globals.css
 .warnings {
 	color : #8a7802;
 	border-top: 1px solid;
-	border-bottom: 1px solid;
+    border-bottom: 1px solid;
 	border-color: #f8e674;
-	background: #fffdd5
+	background: #fffdd5;
+
 }
 
 .field-error {
diff --git a/fp-interface/themes/leggero/leggero/res/style.css b/fp-interface/themes/leggero/leggero/res/style.css
index 259d296..2d24d1b 100644
--- a/fp-interface/themes/leggero/leggero/res/style.css
+++ b/fp-interface/themes/leggero/leggero/res/style.css
@@ -30,108 +30,108 @@ body { margin: 80px 0 10px 0 }
 #comments li.comment-admin strong.comment-name { font-size:140% }
 
 #widget-searchbox div.buttonbar {
-  margin: 10px -5px;
+	margin: 10px -5px;
 	text-align: left
 }
 
 /* 800er Bildschirme zum Beispiel iPad Hochformat */
 @media (max-width: 768px) { 
 
-  #main {
-	width: 97%;
-	margin: 0;
-	padding: 1em 0.5em 0 0.5em
-  }
+	#main {
+		width: 97%;
+		margin: 0;
+		padding: 1em 0.5em 0 0.5em
+	}
 
-  #main ul.entry-footer {
-	margin: 0;
-	padding: 2em 0 1em 0 ;
-	width: 98%;
-	text-align: right
-  }
+	#main ul.entry-footer {
+		margin: 0;
+		padding: 2em 0 1em 0 ;
+		width: 98%;
+		text-align: right
+	}
 
-  #column {
-	width: 100%;
-	font-size: 80%;
-	margin: 0;
-	padding: 1em 0.5em 2em 0.5em;
-	overflow: auto;
-	text-align: center
-  }
+	#column {
+		width: 100%;
+		font-size: 80%;
+		margin: 0;
+		padding: 1em 0.5em 2em 0.5em;
+		overflow: auto;
+		text-align: center
+	}
 
-  #widget-searchbox div.buttonbar {
-	text-align: center
-  }
-  
-  #widget_calendar table.calendar {
-	margin-left: auto;
-	margin-right: auto;
-	text-align: center
-  }
+	#widget-searchbox div.buttonbar {
+		text-align: center
+	}
+	
+	#widget_calendar table.calendar {
+		margin-left: auto;
+		margin-right: auto;
+		text-align: center
+	}
 
-  blockquote {
-	border-left: unset !IMPORTANT
-  }
+	blockquote {
+		border-left: unset !IMPORTANT
+	}
 }
-   
+	 
 /* Kleinbildschirme */
 @media (max-width: 480px) { 
 
-  body {
-	margin: 1px 0 0 0;
-	padding: 0;
-	width: 100%
-  }
+	body {
+		margin: 1px 0 0 0;
+		padding: 0;
+		width: 100%
+	}
 
-  #body-container {
-	margin: 0;
-	padding: 0.5em;
-	width: 96%;
-	border: none
-  }
+	#body-container {
+		margin: 0;
+		padding: 0.5em;
+		width: 96%;
+		border: none
+	}
 
-  #head {
-	margin: 0;
-	padding: 0;
-	width: 100%
-  }
+	#head {
+		margin: 0;
+		padding: 0;
+		width: 100%
+	}
 
-  h1 {
-	margin: 0;
-	padding: 0.5em 0 0 0.2em
-  }
+	h1 {
+		margin: 0;
+		padding: 0.5em 0 0 0.2em
+	}
 
-  .subtitle {
-	margin: 0;
-	padding: 0.5em 0.5em 1em 0.5em;
-  }
+	.subtitle {
+		margin: 0;
+		padding: 0.5em 0.5em 1em 0.5em
+	}
 
-  #main {
-	margin: 0;
-	padding: 1em 0.4em 0 0;
-	width: 100%
-  }
+	#main {
+		margin: 0;
+		padding: 1em 0.4em 0 0;
+		width: 100%
+	}
 
-  .entry {
-	margin: 0;
-	padding: 0 0.5em 1em 0.5em 
-  }
+	.entry {
+		margin: 0;
+		padding: 0 0.5em 1em 0.5em 
+	}
 
-  #main ul.entry-footer {
-	margin: 0;
-	padding: 2em 0 1em 0;
-	width: 98%;
-	text-align: right
-  }
+	#main ul.entry-footer {
+		margin: 0;
+		padding: 2em 0 1em 0;
+		width: 98%;
+		text-align: right
+	}
 
-  #main pre {
-	margin: 0;
-	padding: 0 0 0 1.5em
-  }
+	#main pre {
+		margin: 0;
+		padding: 0 0 0 1.5em
+	}
 
-  #column {
-	margin: 0;
-	padding: 0;
-	width: 100%
-  }
-}	  
+	#column {
+		margin: 0;
+		padding: 0;
+		width: 100%
+	}
+}		

From 3edf958731195fee8f49f4a67005ecdd4d82b056 Mon Sep 17 00:00:00 2001
From: Fraenkiman <frank.pcn@gmail.com>
Date: Wed, 8 Nov 2023 23:11:48 +0100
Subject: [PATCH 08/15] Update admin.css

---
 .../themes/leggero/flatmaas-rev/res/admin.css | 203 ++++++++----------
 1 file changed, 88 insertions(+), 115 deletions(-)

diff --git a/fp-interface/themes/leggero/flatmaas-rev/res/admin.css b/fp-interface/themes/leggero/flatmaas-rev/res/admin.css
index 62de094..30a04f9 100755
--- a/fp-interface/themes/leggero/flatmaas-rev/res/admin.css
+++ b/fp-interface/themes/leggero/flatmaas-rev/res/admin.css
@@ -16,27 +16,23 @@ Module: admin.css
 @import url(common.css);
 
 /* small navigation on top */
-
 #admin-small-nav {
 	float: right;
-	font-size: 80%;
-}
-#admin-small-nav li {
-	display: inline;
+	font-size: 80%
 }
 
-h1 {
-	color: #000;
-}
+#admin-small-nav li { display: inline }
+
+h1 { color: #000 }
+
 
 /* tab menu */
-
 ul#admin-tabmenu {
 	margin: 1em 0 0 0;
 	text-align: center;
 	background-color: #999977;
 	padding: 1em 1em 0 1em;
-	border: solid #999977;
+	border: solid #999977
 }
 
 ul#admin-tabmenu li {
@@ -57,12 +53,10 @@ ul#admin-tabmenu li a {
 	background-color: #CCCCAA 
 }
 
-
 ul#admin-tabmenu li a:hover {
 	color: #555533;
 	font-weight: normal;
-	background: #BBBB99 /*url('../imgs/arrow.gif') center right no-repeat}*/
-
+	background: #BBBB99 /* url('../imgs/arrow.gif') center right no-repeat} */
 }
 
 ul#admin-tabmenu a#admin-tab-current {
@@ -73,62 +67,47 @@ ul#admin-tabmenu a#admin-tab-current {
 #admin-content {
 	border: 1px solid #999977;
 	padding: 1em;
-	overflow: hidden;
+	overflow: hidden
 }
 
-
 .admin-mainmenu-item {
 	display: block;
 	padding: 1em;
-	clear: both;
+	clear: both
 }
 
-.admin-mainmenu-item img {
-	padding-right: 1em; 
-}
-
-
+.admin-mainmenu-item img { padding-right: 1em }
 
 .admin-mainmenu-item .admin-icon-descr {
 	font-size: x-small;
 	font-style: italic
 }
 
-
-input#subject {
-	width:100%;
-	font-size: 1.3em;
-	color: #333333;
-	font-weight: bold
-}
-
 /* panel container */
-
-#cpmain {
-	text-align: justify;
-	width: 100%;
-}
-
+#cpmain { text-align: justify; width: 100% }
 
 #admin-entry-categories ul {
 	margin-right: 10px;
 	display:block;
 	padding-left: 1em;
-	list-style-type: none;
+	list-style-type: none
 }
 
 #admin-bbcode-toolbar p {
-	display:inline;
+	display: table-cell;
+	vertical-align: middle;
+	line-height: 1em
 }
 
-#admin-bbcode-toolbar select {width: 10em}
-
-
-#admin-content table {
-	border-collapse: collapse;
-	width: 100%;
+#admin-bbcode-toolbar p img {
+	vertical-align: middle;
+	cursor: pointer
 }
 
+#admin-bbcode-toolbar select { width: 10em }
+
+#admin-content table { border-collapse: collapse; width: 100% }
+
 #admin-content td {
 	border-bottom: solid 1px black;
 	width: 8px;
@@ -149,33 +128,44 @@ input#subject {
 	font-style: italic
 }
 
-input.maxsize, select.maxsize {width:100%}
+#admin-content ul,
+#admin-content fieldset ul {
+	margin-left: unset;
+	list-style: none
+}
 
+#admin-content fieldset p {
+	text-align: left;
+	line-height: 1.5em;
+	margin-top: 1.2em
+}
 
-#admin-bbcode-toolbar{
+.admin-entry-write #admin-content fieldset p.date { text-align: center }
+
+#admin-content ul li::before,
+#admin-content fieldset p.date::before,
+#admin-content fieldset ul li::before {
+	content: "\00BB \0020";
+}
+
+#admin-bbcode-toolbar {
 	border: none;
-	padding:0;
+	padding: 0;
 	padding-right: 0.7%;
-	margin:0;
-}
-#admin-bbcode-toolbar legend{display:none}
-
-#admin-content ul {
-	margin-left: 2em
+	margin:0
 }
 
+#admin-bbcode-toolbar legend { display: none }
+
+#admin-content ul { margin-left: 2em }
 
 /* preview settings */
-#post-preview {
-	min-width: 54.4em
-}
+#post-preview { min-width: 54em }
 
-#post-preview .entry {
-		padding:2em
-}
+#post-preview .entry { padding: 2em }
 
 /* notifications */
-.draft {background-color:lightgrey}
+.draft { background-color: lightgrey }
 
 /* (already defined in common, here we put just some tuning settings) */
 #admin-content ul.msgs {
@@ -184,11 +174,8 @@ input.maxsize, select.maxsize {width:100%}
 	margin-bottom: 2em
 }
 
-
 /* conflict with inner h1 */
-#admin-content h1 {
-	color: black
-}
+#admin-content h1 { color: black }
 
 
 /* ===== submenu ====== */
@@ -200,10 +187,7 @@ input.maxsize, select.maxsize {width:100%}
 	padding: .1em .3em .2em
 }
 
-#admin-submenu li {
-	display:inline; 
-	font-size: 80%;
-}
+#admin-submenu li { display: inline; font-size: 80% }
 
 #admin-submenu li a {
 	padding: 0 1em ;
@@ -220,7 +204,7 @@ input.maxsize, select.maxsize {width:100%}
 	border-top: 3px solid #ccc;
 	border-left: 1px solid #ccc;
 	border-right: 1px solid #ccc;  
-	text-decoration:none;
+	text-decoration:none
 }
 
 #admin-submenu li a.active {
@@ -230,7 +214,7 @@ input.maxsize, select.maxsize {width:100%}
 	padding: .1em 1em .3em;
 	border: 1px solid #bbb;
 	border-top: 3px solid #bbb;
-	border-bottom: 1px solid #fff;
+	border-bottom: 1px solid #fff
 }
 
 
@@ -253,14 +237,14 @@ input.maxsize, select.maxsize {width:100%}
 
 /* ===== ADMIN ENTRY ===== */
 input#subject {
-	width: 100%;
+	width: 99%;
 	font-size: 1.3em;
 	color: #333333;
 	font-weight: bold
 }
 
 textarea.code {
-	font-family: Lucida Console, Monaco, monospace;
+	font-family: 'Lucida Console', Monaco, monospace;
 	font-size: 90%
 }
 
@@ -275,8 +259,6 @@ textarea.code {
 
 #admin-bbcode-toolbar select { width: 10em }
 
-
-
 /* #admin-content { background: url(../imgs/nib-logo.png) bottom right no-repeat } */
 
 #admin-content table { width: 100%; border-collapse: collapse }
@@ -301,8 +283,7 @@ textarea.code {
 	padding: 4px
 }
 
-input.maxsize, select.maxsize { width: 100% }
-
+input.maxsize, select.maxsize { width: 99% }
 
 #admin-bbcode-toolbar {
 	margin: 0;
@@ -320,10 +301,9 @@ input.maxsize, select.maxsize { width: 100% }
 	border: none;
 	width: 99%;
 	margin: auto;
-	height: 11em;
+	height: 11em
 }
 
-
 #plugin-table-body td { padding: 1em .6em }
 
 #admin-drafts {
@@ -342,7 +322,7 @@ input.maxsize, select.maxsize { width: 100% }
 	margin: 0
 }
 
-#admin-content #admin-drafts ul { margin: 0; padding: 0 }
+#admin-content #admin-drafts ul {margin: 0; padding: 0 }
 
 #admin-drafts li {
 	float:left;
@@ -354,49 +334,45 @@ input.maxsize, select.maxsize { width: 100% }
 /* ===== PREVIEW SETTINGS ===== */
 #post-preview .entry { padding: 2em }
 
+#post-preview div.entry h2 { margin-top: 1.2em }
+
 #post-preview div.entry h3 { font-size: 1.3em }
 
+#post-preview div.entry h4 { margin: 1.5em 0 1em 0 }
+
 #post-preview ul { list-style: none; padding: 0 0 0 1.6em }
 
 #post-preview  ol { list-style-position: inside; Padding: 0 1.6em 0 1.6em }
 
 
 /* ===== UPLOAD PANEL ===== */
-#admin-uploader-filelist {
-	margin: 1em auto;
-}
+#admin-uploader-filelist { margin: 1em auto }
 
-#admin-uploader-thumbs {
-	list-style-type: none;
-}
+#admin-uploader-thumbs { list-style-type: none }
 
 #admin-uploader-thumbs li.thumb {
 	float:left;
 	width: 110px;
 	height: 110px;
 	padding: 1em 4px;
-	margin: 1em;
+	margin: 1em
 }
 
 
 /* (applies only to the inline version */
-#upload {
-	margin-top: .5em
-}
+#upload { margin-top: .5em }
 
 
 /* ===== THEME PANEL ===== */
+#available-themes ul li::before { content: none }
 
 #current-theme h5, 
 #available-themes h5 { font-size: 1em }
 
-#current-theme {	
-	margin-bottom: 4em;
-	overflow:hidden
-}
+#current-theme { margin-bottom: 4em; overflow: hidden }
 
 #current-theme img { 
-	float:left;
+	float: left;
 	border: 1px solid #ddd;
 	margin-right: 2em
 }
@@ -408,20 +384,19 @@ input.maxsize, select.maxsize { width: 100% }
 #available-themes ul { list-style-type: none }
 
 #available-themes ul li {
-	float:left;
+	float: left;
 	padding: 1em;
 	border: 1px solid #fff;
 	text-align: center;
 	width: 300px
 }
 
-#available-themes ul li:hover {
-	background: #eee;
-	border: 1px solid #ddd
-}
+#available-themes ul li:hover { background: #eee; border: 1px solid #ddd }
 
 
 /* ===== WIDGET PANEL ====== */
+#admin-widgets-default ul li::before { content: none }
+
 #admin-widgetset-list { width: 30em }
 
 #admin-widgetset-list ul {
@@ -449,7 +424,7 @@ li.admin-widgetset {
 	text-align: left
 }
 
-#widget-trashcan { /*colors for trashcan/uninstall widgets while dragging*/
+#widget-trashcan { /* colors for trashcan/uninstall widgets while dragging */
 	background-color: rgba(170, 34, 34, 0.7);
 	color: #ddd;
 	font-size: 120%;
@@ -460,7 +435,7 @@ li.admin-widgetset {
 	margin: 2em
 }
 
-.widget-available { /*colors for available widgets while dragging*/
+.widget-available { /* colors for available widgets while dragging */
 	cursor: move;
 	color: #fff;
 	background-color: rgba(34, 102, 0, 0.7);
@@ -468,17 +443,16 @@ li.admin-widgetset {
 	z-index: 2000
 }
 
-.widget-installed { /*colors for installed widgets while dragging*/
+.widget-installed { /* colors for installed widgets while dragging */
 	cursor: move;
 	color: #fff;
 	background-color: rgba(0, 34, 102, 0.7);
 	border: 2px solid #00f;
 	z-index: 2000
 }
-#available-widgets ul, .admin-widgetset ul {
-	padding-left: 0;
-	margin-left: 0
-}
+
+#available-widgets ul,
+.admin-widgetset ul { padding-left: 0; margin-left: 0 }
 
 li.widget-instance,
 li.widget-class {
@@ -519,18 +493,16 @@ li.widget-class {
 
 .widget-instance .textinput:hover {
 	border: #d00 2px solid;
-	background-color: white
+	background-color:white
 }
 
-
 .widget-instance .textinput:focus {
 	font-style: normal;
 	border: #f00 2px solid;
-	background-color: white;
+	background-color:white;
 	text-align: left
 }
 
-
 .widgetname a, 
 .widgetname a:link,
 .widgetname a:visited { color: #ddd }
@@ -558,31 +530,32 @@ li.widget-class {
 	text-align:right;
 	margin-top: 1.8em;
 	line-height: 1.5em;
-	font-weight: bold;
+	font-weight: bold
 }
 
 #admin-config dt label { padding-top: .2em }
 
 #admin-config dd {
 	margin-left: 35%;
-	margin-top: -1.7em;
+	margin-top: -1.5em;
 	line-height: 1.5em
 }
 
 #admin-config dd p { margin: 0 }
 
-#admin-config dd input { margin-bottom: .2em }
+#admin-config dd input{ margin-bottom: .2em }
 
-#admin-config input.textinput ,
+#admin-config input.textinput,
 #admin-config select.textinput { width: 20em }
 
 #admin-config input.bigtextinput { width: 30em }
 
-#admin-config input.smalltextinput { width: 5em }
+#admin-config input.smalltextinput,
+#qs-number.smalltextinput { width: 5em }
 
 
 /* ===== SPECIAL HOVERS ====== */
-a.link-disable, a.link-enable { padding: .9em }
+a.link-disable, a.link-enable{ padding: .9em }
 
 a.link-disable:hover {
 	background-color: red;

From ea93cfaca3603da0e0db70bd6326c5b28ebdbb34 Mon Sep 17 00:00:00 2001
From: Fraenkiman <frank.pcn@gmail.com>
Date: Wed, 8 Nov 2023 23:16:21 +0100
Subject: [PATCH 09/15] Update admin.css

---
 fp-interface/themes/leggero/flatmaas-rev/res/admin.css | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/fp-interface/themes/leggero/flatmaas-rev/res/admin.css b/fp-interface/themes/leggero/flatmaas-rev/res/admin.css
index 30a04f9..93ca8b9 100755
--- a/fp-interface/themes/leggero/flatmaas-rev/res/admin.css
+++ b/fp-interface/themes/leggero/flatmaas-rev/res/admin.css
@@ -88,7 +88,7 @@ ul#admin-tabmenu a#admin-tab-current {
 
 #admin-entry-categories ul {
 	margin-right: 10px;
-	display:block;
+	display: block;
 	padding-left: 1em;
 	list-style-type: none
 }
@@ -144,9 +144,7 @@ ul#admin-tabmenu a#admin-tab-current {
 
 #admin-content ul li::before,
 #admin-content fieldset p.date::before,
-#admin-content fieldset ul li::before {
-	content: "\00BB \0020";
-}
+#admin-content fieldset ul li::before { content: "\00BB \0020" }
 
 #admin-bbcode-toolbar {
 	border: none;

From a6254899fe2da373235377a592041ee513ff15f8 Mon Sep 17 00:00:00 2001
From: Fraenkiman <frank.pcn@gmail.com>
Date: Sun, 12 Nov 2023 12:55:28 +0100
Subject: [PATCH 10/15] Update common.css

---
 fp-interface/themes/leggero/leggero/res/common.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/fp-interface/themes/leggero/leggero/res/common.css b/fp-interface/themes/leggero/leggero/res/common.css
index 25a73ff..44ac030 100644
--- a/fp-interface/themes/leggero/leggero/res/common.css
+++ b/fp-interface/themes/leggero/leggero/res/common.css
@@ -163,7 +163,7 @@ h2 {
 h3 {
 	margin: 0;
 	font-size: 1.3em;
-	padding: 1em 0 1em 0
+	padding: 1em 0 0.2em 0
 }
 
 h4 { font-size: 1.2em }

From 6c03ba6389e34197a2da245985ce163a27e92e19 Mon Sep 17 00:00:00 2001
From: Fraenkiman <frank.pcn@gmail.com>
Date: Sun, 12 Nov 2023 20:20:21 +0100
Subject: [PATCH 11/15] @import rules file references and font references
 corrected

---
 fp-interface/themes/leggero/leggero/res/admin.css  | 12 ++++++------
 fp-interface/themes/leggero/leggero/res/common.css | 12 ++++++------
 fp-interface/themes/leggero/leggero/res/style.css  |  6 +++---
 3 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/fp-interface/themes/leggero/leggero/res/admin.css b/fp-interface/themes/leggero/leggero/res/admin.css
index 86fab9e..931add8 100755
--- a/fp-interface/themes/leggero/leggero/res/admin.css
+++ b/fp-interface/themes/leggero/leggero/res/admin.css
@@ -14,26 +14,26 @@ last change: 2023-11-01
 
 */
 
-@import url(common.css);
-@import url(globals.css);
+@import url('common.css');
+@import url('globals.css');
 
 /* ===== VARIOUS ===== */
 @viewport { width: device-width }
 
 .buttonbar input {
 	padding: .3em;
-	background: #bdbdbd url(../imgs/buttonsh.png) repeat-x
+	background: #bdbdbd url('../imgs/buttonsh.png') repeat-x
 }
 
 .buttonbar input:hover {
 	padding: .3em;
-	background: #d3d3d3 url(../imgs/buttonsh2.png) repeat-x
+	background: #d3d3d3 url('../imgs/buttonsh2.png') repeat-x
 }
 
 /* ===== HEADERS TAGS ===== */
 h1,
 h2 { 
-	font-family: 'book antiqua', georgia, garamond, times, 'times new roman', serif;
+	font-family: "book antiqua", georgia, garamond, times, "times new roman", serif;
 	margin: auto
 }
 
@@ -169,7 +169,7 @@ input#subject {
 }
 
 textarea.code {
-	font-family: 'Lucida Console', Monaco, monospace;
+	font-family: "Lucida Console", Monaco, monospace;
 	font-size: 90%
 }
 
diff --git a/fp-interface/themes/leggero/leggero/res/common.css b/fp-interface/themes/leggero/leggero/res/common.css
index 44ac030..37cb221 100644
--- a/fp-interface/themes/leggero/leggero/res/common.css
+++ b/fp-interface/themes/leggero/leggero/res/common.css
@@ -18,7 +18,7 @@ last change: 2023-11-01
 /* ===== GENERAL (redefinition HTML tag) ===== */
 html {
 	font-size: 85%;
-	font-family: 'Lucida Grande', 'Trebuchet MS', arial, Helvetica, sans-serif;
+	font-family: "Lucida Grande", "Trebuchet MS", arial, Helvetica, sans-serif;
 	margin: 0;
 	padding: 0
 }
@@ -27,7 +27,7 @@ body {
 	font-size: 100%;
 	padding: 0;
 	/* text-align: center; */
-	background: white url(../imgs/backshade.png) repeat-x;
+	background: white url('../imgs/backshade.png') repeat-x;
 	color: black;
 		width: 100%
 }
@@ -74,7 +74,7 @@ blockquote {
 }
 
 pre, code {
-	font-family: 'Lucida Console', Monaco, monospace;
+	font-family: "Lucida Console", Monaco, monospace;
 	font-size: 90%
 }
 
@@ -122,7 +122,7 @@ input:hover, input:focus, textarea:hover, textarea:focus {
 
 textarea {
 	font-size: 100%;
-	font-family: 'Lucida Grande', 'Trebuchet MS', arial, Helvetica, sans-serif;
+	font-family: "Lucida Grande", "Trebuchet MS", arial, Helvetica, sans-serif;
 	width: 99%;
 	margin-top: .1em;
 	margin-bottom: 1em
@@ -152,7 +152,7 @@ h1 {
 
 h2 {
 	/* Titles of the entry */
-	font-family: 'book antiqua', georgia, garamond, times, 'times new roman', serif;
+	font-family: "book antiqua", georgia, garamond, times, "times new roman", serif;
 	font-style: italic;
 	font-size: 1.5em;
 	color: #333333;
@@ -184,7 +184,7 @@ h4 { font-size: 1.2em }
 /* ===== HEAD ===== */
 #head {
 	clear: both;
-	font-family: 'book antiqua', georgia, garamond,	times, 'times new roman', serif;
+	font-family: "book antiqua", georgia, garamond,	times, "times new roman", serif;
 	margin: 1em;
 	padding: 7em 0.6em 0.5em 0.5em;
 	border-radius: 1em;
diff --git a/fp-interface/themes/leggero/leggero/res/style.css b/fp-interface/themes/leggero/leggero/res/style.css
index 2d24d1b..5d0e8d4 100644
--- a/fp-interface/themes/leggero/leggero/res/style.css
+++ b/fp-interface/themes/leggero/leggero/res/style.css
@@ -16,11 +16,11 @@ last change: 2023-11-01
 
 
 /* imports common style ruleset */
-@import url(common.css);
-@import url(globals.css);
+@import url('common.css');
+@import url('globals.css');
 
 /* imports column (where widgets usually go) rules */
-@import url(column.css);
+@import url('column.css#);
 
 /* defines rules specific to the front page */
 body { margin: 80px 0 10px 0 }

From c579b059a3ed0b436497615108bf9b2cb1bb4301 Mon Sep 17 00:00:00 2001
From: Fraenkiman <frank.pcn@gmail.com>
Date: Sun, 12 Nov 2023 20:27:56 +0100
Subject: [PATCH 12/15] Update style.css

---
 fp-interface/themes/leggero/leggero/res/style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/fp-interface/themes/leggero/leggero/res/style.css b/fp-interface/themes/leggero/leggero/res/style.css
index 5d0e8d4..b802abf 100644
--- a/fp-interface/themes/leggero/leggero/res/style.css
+++ b/fp-interface/themes/leggero/leggero/res/style.css
@@ -20,7 +20,7 @@ last change: 2023-11-01
 @import url('globals.css');
 
 /* imports column (where widgets usually go) rules */
-@import url('column.css#);
+@import url('column.css');
 
 /* defines rules specific to the front page */
 body { margin: 80px 0 10px 0 }

From 359b2ef47d56997af544227eeb5ee4fd5765bd6e Mon Sep 17 00:00:00 2001
From: Fraenkiman <frank.pcn@gmail.com>
Date: Sun, 12 Nov 2023 20:31:43 +0100
Subject: [PATCH 13/15] Update globals.css

---
 fp-interface/themes/leggero/leggero/res/globals.css | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/fp-interface/themes/leggero/leggero/res/globals.css b/fp-interface/themes/leggero/leggero/res/globals.css
index ff8f100..aecfdd6 100755
--- a/fp-interface/themes/leggero/leggero/res/globals.css
+++ b/fp-interface/themes/leggero/leggero/res/globals.css
@@ -11,8 +11,6 @@ Version: 0.1
 Module: globals.css
 */
 
-
-
 .alignleft { float: left }
 
 .alignright { float: right }
@@ -21,7 +19,7 @@ Module: globals.css
 #main ul.msgs, ul.msgs {
 	margin: 0;
 	padding: 1em 2em;
-	list-style-type: none;
+	list-style-type: none
 }
 
 .errors {
@@ -50,7 +48,7 @@ Module: globals.css
 	border-top: 1px solid;
     border-bottom: 1px solid;
 	border-color: #f8e674;
-	background: #fffdd5;
+	background: #fffdd5
 
 }
 

From caeb09f689385fdcd45d3dec1e9e80745583064f Mon Sep 17 00:00:00 2001
From: Fraenkiman <frank.pcn@gmail.com>
Date: Sun, 12 Nov 2023 21:16:27 +0100
Subject: [PATCH 14/15] @import rules file references and font references
 corrected

---
 fp-interface/themes/leggero/leggero-v2/res/admin.css  | 8 ++++----
 fp-interface/themes/leggero/leggero-v2/res/common.css | 4 ++--
 fp-interface/themes/leggero/leggero-v2/res/style.css  | 6 +++---
 fp-interface/themes/leggero/leggero/res/style.css     | 3 +--
 4 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/fp-interface/themes/leggero/leggero-v2/res/admin.css b/fp-interface/themes/leggero/leggero-v2/res/admin.css
index ccac7de..efd6426 100755
--- a/fp-interface/themes/leggero/leggero-v2/res/admin.css
+++ b/fp-interface/themes/leggero/leggero-v2/res/admin.css
@@ -9,19 +9,19 @@ Version: 1.0
 Module: admin.css
 */
 
-@import url("common.css");
-@import url("globals.css");
+@import url('common.css');
+@import url('globals.css');
 
 /* ===== VARIOUS ===== */
 @viewport { width: device-width }
 
 .buttonbar input {
 	box-shadow: none !IMPORTANT;
-	background: #bdbdbd url("../imgs/buttonsh.png") repeat-x
+	background: #bdbdbd url('../imgs/buttonsh.png') repeat-x
 }
 
 .buttonbar input:hover {
-	background: #d3d3d3 url("../imgs/buttonsh2.png") repeat-x
+	background: #d3d3d3 url('../imgs/buttonsh2.png') repeat-x
 }
 
 
diff --git a/fp-interface/themes/leggero/leggero-v2/res/common.css b/fp-interface/themes/leggero/leggero-v2/res/common.css
index 229b25a..5c5bffa 100644
--- a/fp-interface/themes/leggero/leggero-v2/res/common.css
+++ b/fp-interface/themes/leggero/leggero-v2/res/common.css
@@ -21,7 +21,7 @@ html {
 html::before { /* background-attachment: fix workaround for mobile devices */
 	content: ' ';
 	display: block;
-	background-image: url("../imgs/back.jpg");
+	background-image: url('../imgs/back.jpg');
 	background-position: center;
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
@@ -398,7 +398,7 @@ h4#addcomment { clear: both }
 	}
 	/* end of .entry */
 
-	#main ul.entry-footer { /*  entry footer */
+	#main ul.entry-footer { /* entry footer */
 		clear: both;
 		font-size: 80%;
 		color: black;
diff --git a/fp-interface/themes/leggero/leggero-v2/res/style.css b/fp-interface/themes/leggero/leggero-v2/res/style.css
index cbc2fb5..992fbd5 100644
--- a/fp-interface/themes/leggero/leggero-v2/res/style.css
+++ b/fp-interface/themes/leggero/leggero-v2/res/style.css
@@ -10,11 +10,11 @@ Module: style.css
 */
 
 /* imports common style ruleset */
-@import url("common.css");
-@import url("globals.css");
+@import url('common.css');
+@import url('globals.css');
 
 /* imports column (where widgets usually go) rules */
-@import url("column.css");
+@import url('column.css');
 
 #comments li.comment-admin {
 	padding: 1em
diff --git a/fp-interface/themes/leggero/leggero/res/style.css b/fp-interface/themes/leggero/leggero/res/style.css
index b802abf..3c91a96 100644
--- a/fp-interface/themes/leggero/leggero/res/style.css
+++ b/fp-interface/themes/leggero/leggero/res/style.css
@@ -14,7 +14,6 @@ last change: 2023-11-01
 
 */
 
-
 /* imports common style ruleset */
 @import url('common.css');
 @import url('globals.css');
@@ -27,7 +26,7 @@ body { margin: 80px 0 10px 0 }
 
 #comments li.comment-admin { padding: 1em }
 
-#comments li.comment-admin strong.comment-name { font-size:140% }
+#comments li.comment-admin strong.comment-name { font-size: 140% }
 
 #widget-searchbox div.buttonbar {
 	margin: 10px -5px;

From dafcbafd3495978e370a71fb25e1ca1801f19649 Mon Sep 17 00:00:00 2001
From: Fraenkiman <frank.pcn@gmail.com>
Date: Sun, 12 Nov 2023 21:59:46 +0100
Subject: [PATCH 15/15] @viewport removed because not compatible with CSS 3.1

---
 fp-interface/themes/leggero/leggero-v2/res/admin.css | 2 --
 fp-interface/themes/leggero/leggero/res/admin.css    | 2 --
 2 files changed, 4 deletions(-)

diff --git a/fp-interface/themes/leggero/leggero-v2/res/admin.css b/fp-interface/themes/leggero/leggero-v2/res/admin.css
index efd6426..7a107e1 100755
--- a/fp-interface/themes/leggero/leggero-v2/res/admin.css
+++ b/fp-interface/themes/leggero/leggero-v2/res/admin.css
@@ -13,8 +13,6 @@ Module: admin.css
 @import url('globals.css');
 
 /* ===== VARIOUS ===== */
-@viewport { width: device-width }
-
 .buttonbar input {
 	box-shadow: none !IMPORTANT;
 	background: #bdbdbd url('../imgs/buttonsh.png') repeat-x
diff --git a/fp-interface/themes/leggero/leggero/res/admin.css b/fp-interface/themes/leggero/leggero/res/admin.css
index 931add8..5d13f9b 100755
--- a/fp-interface/themes/leggero/leggero/res/admin.css
+++ b/fp-interface/themes/leggero/leggero/res/admin.css
@@ -18,8 +18,6 @@ last change: 2023-11-01
 @import url('globals.css');
 
 /* ===== VARIOUS ===== */
-@viewport { width: device-width }
-
 .buttonbar input {
 	padding: .3em;
 	background: #bdbdbd url('../imgs/buttonsh.png') repeat-x