diff --git a/fp-interface/themes/leggero/flatmaas-rev/res/admin.css b/fp-interface/themes/leggero/flatmaas-rev/res/admin.css
index 310e2c5..93ca8b9 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;
+	text-align: center;
+	background-color: #999977;
+	padding: 1em 1em 0 1em;
+	border: solid #999977
 }
 
 ul#admin-tabmenu li {
@@ -48,174 +44,155 @@ 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;
 	background-color: #CCCCAA 
 }
 
-
 ul#admin-tabmenu li a:hover {
-        color: #555533;
+	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 {
-        font-weight: bold;
-        background-color: white
+	font-weight: bold;
+	background-color: white
 }
 
 #admin-content {
-        border: 1px solid #999977;
-        padding: 1em;
-	overflow: hidden;
+	border: 1px solid #999977;
+	padding: 1em;
+	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;
+	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;
 	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;
-}
-#admin-bbcode-toolbar legend{display:none}
-
-#admin-content ul {
-	margin-left: 2em
+#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-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-right: 0.7%;
+	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 {
-    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
-}
-
+#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%; 
-}
+#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;
+	font-weight: normal
 }
 
 #admin-submenu li a:hover {
@@ -225,7 +202,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 {
@@ -235,11 +212,10 @@ 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
 }
 
 
-
 /* ===== MAIN MENU ITEM ===== */
 #admin-content { padding: 1em }
 
@@ -257,17 +233,16 @@ 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%
 }
 
@@ -282,8 +257,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 }
@@ -308,8 +281,7 @@ textarea.code {
 	padding: 4px
 }
 
-input.maxsize, select.maxsize { width: 100% }
-
+input.maxsize, select.maxsize { width: 99% }
 
 #admin-bbcode-toolbar {
 	margin: 0;
@@ -327,13 +299,10 @@ input.maxsize, select.maxsize { width: 100% }
 	border: none;
 	width: 99%;
 	margin: auto;
-	height: 11em;
+	height: 11em
 }
 
-
-#plugin-table-body td {
-	padding: 1em .6em;
-}
+#plugin-table-body td { padding: 1em .6em }
 
 #admin-drafts {
 	border-top: 1px solid #bbb;
@@ -341,123 +310,104 @@ 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 .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;
-}
+#available-themes h5 { font-size: 1em }
 
+#current-theme { margin-bottom: 4em; overflow: hidden }
 
 #current-theme img { 
-	float:left;
+	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;
+	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;
-}
+#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 { 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,10 +419,10 @@ 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*/
+#widget-trashcan { /* colors for trashcan/uninstall widgets while dragging */
 	background-color: rgba(170, 34, 34, 0.7);
 	color: #ddd;
 	font-size: 120%;
@@ -480,29 +430,27 @@ li.admin-widgetset {
 	padding: 2em;
 	text-align: center;
 	border: 2px solid #f00;
-	margin: 2em;
+	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);
 	border: 2px solid #2f0;
-	z-index: 2000;
+	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;
+	z-index: 2000
 }
 
+#available-widgets ul,
+.admin-widgetset ul { padding-left: 0; margin-left: 0 }
 
 li.widget-instance,
 li.widget-class {
@@ -512,15 +460,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 +476,7 @@ li.widget-class {
 	margin-bottom:1em;
 	padding: .3em;
 	border: 1px solid #eee;
-	background: #999;
+	background: #999
 }
 
 .widget-instance .textinput {
@@ -539,112 +486,88 @@ 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 ===== */
-
-#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.5em;
+	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 input.textinput,
+#admin-config select.textinput { width: 20em }
 
-#admin-config dd input{
-	margin-bottom: .2em;
-}
+#admin-config input.bigtextinput { width: 30em }
 
-#admin-config input.textinput ,
-#admin-config select.textinput {
-	width: 20em;
-}
+#admin-config input.smalltextinput,
+#qs-number.smalltextinput { width: 5em }
 
 
-#admin-config input.bigtextinput {
-	width: 30em;
-}
-
-
-#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 +578,4 @@ a.link-enable:hover {
 	padding: 1em 2em
 }
 
-form {
-    margin: auto;
-}
-
+form { margin: auto }
diff --git a/fp-interface/themes/leggero/leggero-v2/res/admin.css b/fp-interface/themes/leggero/leggero-v2/res/admin.css
index ccac7de..7a107e1 100755
--- a/fp-interface/themes/leggero/leggero-v2/res/admin.css
+++ b/fp-interface/themes/leggero/leggero-v2/res/admin.css
@@ -9,19 +9,17 @@ 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/admin.css b/fp-interface/themes/leggero/leggero/res/admin.css
index 16fadd9..5d13f9b 100755
--- a/fp-interface/themes/leggero/leggero/res/admin.css
+++ b/fp-interface/themes/leggero/leggero/res/admin.css
@@ -10,61 +10,62 @@ Author: NoWhereMan & drudo
 Version: 0.1
 Module: admin.css
 
-last change: 2022-02-19
+last change: 2023-11-01
 
 */
 
-@import url(common.css);
-@import url(globals.css);
+@import url('common.css');
+@import url('globals.css');
 
 /* ===== VARIOUS ===== */
 .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;
+	font-family: "book antiqua", georgia, garamond, times, "times new roman", serif;
+	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;
+	font-style: normal;
+	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 */
+	#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,14 +76,13 @@ ul#admin-small-nav {
 ul#admin-small-nav li { display: inline; margin: 5px }
 
 
-
 /* ===== TAB MENU ===== */
 ul#admin-tabmenu {
 	margin: 1em 0 0 0;
 	padding: .5em;
 	background: #000;
 	-moz-border-radius-topleft:3px;
-	-moz-border-radius-topright:3px;
+	-moz-border-radius-topright:3px
 }
 
 ul#admin-tabmenu li {
@@ -98,7 +98,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,
@@ -106,32 +106,27 @@ 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 ====== */
-
 #admin-submenu {
 	background: #eee; 
 	padding: .5em;
 	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,
@@ -140,13 +135,10 @@ ul#admin-tabmenu li a.admin-tab-current {
 	background: #555;
 	padding: .1em 1em .3em;
 	-moz-border-radius: 3px;
-	text-decoration: none;
-}
-
-#admin-submenu li a.active {
-	font-weight: bold;
+	text-decoration: none
 }
 
+#admin-submenu li a.active { font-weight: bold }
 
 
 /* ===== MAIN MENU ITEM ===== */
@@ -166,7 +158,6 @@ ul#admin-tabmenu li a.admin-tab-current {
 }
 
 
-
 /* ===== ADMIN ENTRY ===== */
 input#subject {
 	width: 99%;
@@ -176,7 +167,7 @@ input#subject {
 }
 
 textarea.code {
-	font-family: Lucida Console, Monaco, monospace;
+	font-family: "Lucida Console", Monaco, monospace;
 	font-size: 90%
 }
 
@@ -187,13 +178,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;
@@ -202,16 +189,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 {
@@ -222,16 +207,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,
@@ -241,19 +237,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;
@@ -261,139 +252,111 @@ 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 {
@@ -405,7 +368,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*/
@@ -416,7 +379,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*/
@@ -424,7 +387,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*/
@@ -432,15 +395,14 @@ 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;
@@ -449,16 +411,15 @@ li.widget-class {
 	padding: .5em;
 	height: 30px;
 	background-color: white;
-	list-style-type: none;
+	list-style-type: none
 }
 
-
 .admin-widgetset h3 {
 	font-style: italic;
 	margin-bottom:1em;
 	padding: .3em;
 	background: #eee;
-	border: 1px solid #ddd;
+	border: 1px solid #ddd
 }
 
 #available-widgets h2 {
@@ -467,7 +428,7 @@ li.widget-class {
 	margin-bottom:1em;
 	padding: .3em;
 	border: 1px solid #eee;
-	background: #999;
+	background: #999
 }
 
 .widget-instance .textinput {
@@ -477,149 +438,132 @@ 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-set .option-list { margin-bottom: 3em }
 
-.option-list ul li {
-	list-style-type: none;
-}
+.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;
+	width: 33%;
+	text-align:right;
+	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;
-    line-height: 1.5em;
+	margin-left: 35%;
+	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;
+	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}
+td.main-cell a.link-general { display: block }
 
 a.link-disable:hover, a.link-delete:hover {
 	background-color: red;
-	color: white;
+	color: white
 }
 a.link-enable:hover {
 	background-color: green;
-	color: white;
+	color: white
 }
 
 a.link-general:hover, .main-cell a:hover {
 	background-color: #aaa;
-	color: black;
+	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..ef88f6e 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;
-  width: 28%;
+	width: 28%;
 	font-size: 80% !important;
 	font-size: 75%;
 	height:1%;
-  margin: 1em;
-  padding: 0.7em;
-	/* border-left: solid 1px #ccc; */
+	margin: 1em;
+	padding: 0.7em
 }
 
 #column h4 {
 	/* Titles of the sections */
-	margin-bottom: .5em;
+	margin-bottom: .5em
 }
 
 #column p, #column div { margin: 10px 5px }
@@ -55,37 +53,41 @@ 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%;
+	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
-======================================================= */
\ 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 53ed2b5..37cb221 100644
--- a/fp-interface/themes/leggero/leggero/res/common.css
+++ b/fp-interface/themes/leggero/leggero/res/common.css
@@ -10,16 +10,15 @@ Author: NoWhereMan & drudo
 Version: 0.2
 Module: common.css
 
-last change: 2022-03-13
+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
 }
@@ -28,9 +27,9 @@ 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%
+		width: 100%
 }
 
 hr { display: none }
@@ -41,8 +40,8 @@ img { border: none }
 
 /* Responsive Design img */
 img {
-  max-width: 100%;
-  height: auto;
+	max-width: 100%;
+	height: auto
 }
 
 /*
@@ -50,23 +49,21 @@ 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%;
@@ -77,24 +74,21 @@ 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: 40px
 }
 
 ul, li, ol { margin: 0; padding: 0 }
@@ -128,14 +122,13 @@ 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
 }
 
 
-
 /* ===== LINKS GENERAL ===== */
 a:link, a:visited {
 	color: #aa4142;
@@ -149,7 +142,6 @@ a:hover {
 }
 
 
-
 /* ===== HEADERS TAGS ===== */
 h1 {
 	/* Title of the blog */
@@ -160,54 +152,44 @@ 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;
 	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 0.2em 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%;
+	width: 85%;
 	margin: 0 auto;
-    max-width: 68em;
-	/* padding: 5px; */
-    padding: 0.3em;
+	max-width: 68em;
+	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 */
+	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)
 }
 
 #head a { color: white; text-decoration: none }
@@ -221,36 +203,24 @@ 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%;
+	width: 100%;
 	background-color: white
 }
 
 
-
 /* ===== MAIN ===== */
 #main h4 { margin: 2em 0 0 0}
 
 #main {
 	float: left;
-	/* position: relative;
-	width: 508px !important;
-	width: 478px; */
-    width: 62%;
+	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 }
 
@@ -265,75 +235,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; /* floating images fix IE<7*/
-	}
+.entry {
+	margin: 0 0 1.5em 0;
+	padding: 0;
+	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 */
-		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 ===== */
@@ -341,9 +306,9 @@ h4 { font-size: 1.2em; }
 	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
 }
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
 
 }
 
diff --git a/fp-interface/themes/leggero/leggero/res/style.css b/fp-interface/themes/leggero/leggero/res/style.css
index 7b288a2..3c91a96 100644
--- a/fp-interface/themes/leggero/leggero/res/style.css
+++ b/fp-interface/themes/leggero/leggero/res/style.css
@@ -10,119 +10,127 @@ 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);
+@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 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% }
+#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%
+	}
+}