Merge pull request #259 from Fraenkiman/upstream/makeup-leggero-v2-style

Makeup Leggero-v2 Style
2023-09-24 19:31:12 +02:00 · 2023-09-24 19:31:12 +02:00 · 2a76f19208
commit 2a76f19208
parent 3343bcc673 091540ce4e
43 changed files with 5939 additions and 465 deletions
--- a/admin/panels/config/admin.config.tpl
+++ b/admin/panels/config/admin.config.tpl
@ -44,17 +44,17 @@
 	
 	<dt><label for="email"> {$panelstrings.blogemail} </label></dt>
 	{if isset($error) && isset($error.email) && !empty($error.email)}
-		{assign var=class value=" field-error"}
+		{assign var=class value="field-error"}
 	{else}
 		{assign var=class value=""}
 	{/if}
 	<dd><input type="text" name="email" id="email" class="textinput {$class}" 
 	value="{$flatpress.email}" /></dd>
 	
-	<dt> {$panelstrings.notifications} </dt>
+	<dt><label> {$panelstrings.notifications} </label></dt>
 	<dd> 
 	<label for="notify"> 
-	<input type="checkbox" name="notify" id="notify"{if $flatpress.NOTIFY}checked="checked"{/if} /> 
+	<input type="checkbox" name="notify" id="notify" {if $flatpress.NOTIFY}checked="checked"{/if} /> 
 	{$panelstrings.mailnotify}
 	</label> 
 	</dd>
@ -74,12 +74,12 @@
 	
 	<dt><label for="maxentries"> {$panelstrings.blogmaxentries} </label></dt>
 	{if isset($error) && isset($error.maxentries) && !empty($error.maxentries)}
-		{assign var=class value=" field-error"}
+		{assign var=class value="field-error"}
 	{else}
 		{assign var=class value=""}
 	{/if}
 	<dd><input type="text" name="maxentries" id="maxentries" 
-	class="smalltextinput {$class}" value="{$flatpress.maxentries}" /></dd>
+	class="smalltextinput{$class}" value="{$flatpress.maxentries}" /></dd>
 	
 	
 	</dl>
@ -91,7 +91,7 @@
 <h2> {$panelstrings.intsetts}  </h2>

 	<dl class="option-list">
-		<dt> {$panelstrings.utctime} </dt>
+		<dt><label> {$panelstrings.utctime} </label></dt>
 		{assign var=temp_time value="%b %d %Y %H:%M:%S"}
 		<dd> <code> {"r"|date:$smarty.now} </code> </dd>
 		
@ -102,21 +102,21 @@
 			{assign var=class value=""}
 		{/if}
 		<dd><input type="text" name="timeoffset" id="timeoffset" 
-			class="smalltextinput {$class}" 
-			value="{$fp_config.locale.timeoffset}" /> {$panelstrings.hours} 
+			class="smalltextinput{$class}" 
+			value="{$fp_config.locale.timeoffset}" /><p class="text"> {$panelstrings.hours} </p>
 		</dd>


 		<dt><label for="dateformat"> {$panelstrings.dateformat} </label></dt>
 		{if isset($error) && isset($error.dateformat) && !empty($error.dateformat)}
-			{assign var=class value=" field-error"}
+			{assign var=class value="field-error"}
 		{else}
 			{assign var=class value=""}
 		{/if}
 		<dd>	<p> <input type="text" name="dateformat" id="dateformat" 
-			class="textinput {$class}" 
+			class="textinput{$class}" 
 			value="{$fp_config.locale.dateformat}" /> </p>
-			<p> {$panelstrings.output}:   {$smarty.now|date_format:$fp_config.locale.dateformat}  </p>
+			<p class="output"> {$panelstrings.output}:   {$smarty.now|date_format:$fp_config.locale.dateformat}</p>
 		</dd>

 		<dt><label for="dateformatshort"> {$panelstrings.dateformatshort} </label></dt>
@ -126,24 +126,24 @@
 			{assign var=class value=""}
 		{/if}
 		<dd>	<p> <input type="text" name="dateformatshort" id="dateformatshort" 
-			class="textinput {$class}" 
+			class="textinput{$class}" 
 			value="{$fp_config.locale.dateformatshort}" /> </p>
-			<p> {$panelstrings.output}:   {$smarty.now|date_format:$fp_config.locale.dateformatshort}  </p>
+			<p class="output"> {$panelstrings.output}:   {$smarty.now|date_format:$fp_config.locale.dateformatshort}</p>
 		</dd>

 		<dt><label for="timeformat"> {$panelstrings.timeformat} </label></dt>
 		{if isset($error) && isset($error.timeformat) && !empty($error.timeformat)}
-			{assign var=class value=" field-error"}
+			{assign var=class value="field-error"}
 		{else}
 			{assign var=class value=""}
 		{/if}
 		<dd>	<p> <input type="text" name="timeformat" id="timeformat" 
-			class="textinput {$class}" 
+			class="textinput{$class}" 
 			value="{$fp_config.locale.timeformat}" /> </p>
 			{assign var=currentTime value=$smarty.now}
 			{assign var=timeDiff value=$fp_config.locale.timeoffset}
 			{assign var=TimeDiffUTC value=$currentTime+$timeDiff*3600}
-			<p> {$panelstrings.output}:  {$TimeDiffUTC|date_format:$fp_config.locale.timeformat}  </p>
+			<p class="output"> {$panelstrings.output}:  {$TimeDiffUTC|date_format:$fp_config.locale.timeformat}</p>
 		</dd>

 	
@ -161,14 +161,14 @@
 		
 		<dt> <label for="charset"> {$panelstrings.charset} </label></dt>
 		{if isset($error) && isset($error.charset) && !empty($error.charset)}
-			{assign var=class value=" field-error"}
+			{assign var=class value="field-error"}
 		{else}
 			{assign var=class value=""}
 		{/if}
 		<dd> <p><input type="text" name="charset" id="charset" 
-			class="smalltextinput {$class}" 
+			class="smalltextinput{$class}" 
 			value="{$fp_config.locale.charset}" /></p>
-			<p>{$panelstrings.charsettip}</p>
+			<p class="output">{$panelstrings.charsettip}</p>
 		</dd>
 	

--- a/fp-interface/lang/cs-cz/lang.admin.config.php
+++ b/fp-interface/lang/cs-cz/lang.admin.config.php
@ -31,7 +31,7 @@
 		'langchoice'		=> 'Jazyk',

 		'intsetts'		=> 'Mezinárodní nastavení',
-		'utctime'		=> '<acronym title="Universal Coordinated Time">UTC</acronym> čas je',
+		'utctime'		=> '<abbr title="Universal Coordinated Time">UTC</abbr> čas je',
 		'timeoffset'		=> 'Čas bude oddělený: ',
 		'hours'			=> 'hodiny',
 		'timeformat'		=> 'Přednastavený formát času',
--- a/fp-interface/lang/de-de/lang.admin.config.php
+++ b/fp-interface/lang/de-de/lang.admin.config.php
@ -32,7 +32,7 @@
 		'langchoice'		=> 'Sprache',

 		'intsetts'		=> 'Internationale Einstellungen',
-		'utctime'		=> '<acronym title="Universal Coordinated Time">UTC</acronym> Zeitzone',
+		'utctime'		=> '<abbr title="Universal Coordinated Time">UTC</abbr> Zeitzone',
 		'timeoffset'		=> 'Uhrzeit soll korrigiert werden um',
 		'hours'			=> 'Stunden',
 		'timeformat'		=> 'Standard Zeitformat',
--- a/fp-interface/lang/el-gr/lang.admin.config.php
+++ b/fp-interface/lang/el-gr/lang.admin.config.php
@ -31,7 +31,7 @@
 		'langchoice'		=> 'Γλώσσα',

 		'intsetts'		=> 'Ρυθμίσεις εντοπιότητας',
-		'utctime'		=> '<acronym title="Universal Coordinated Time">Η UTC</acronym> ώρα είναι',
+		'utctime'		=> '<abbr title="Universal Coordinated Time">Η UTC</abbr> ώρα είναι',
 		'timeoffset'		=> 'Ο χρόνος θα πρέπει να διαφέρει κατά',
 		'hours'			=> 'ώρες',
 		'timeformat'		=> 'Προεπιλεγμένη μορφή ώρας',
--- a/fp-interface/lang/en-us/lang.admin.config.php
+++ b/fp-interface/lang/en-us/lang.admin.config.php
@ -34,7 +34,7 @@
 		'langchoice'		=> 'Language',

 		'intsetts'		=> 'International settings',
-		'utctime'		=> '<acronym title="Universal Coordinated Time">UTC</acronym> time is',
+		'utctime'		=> '<abbr title="Universal Coordinated Time">UTC</abbr> time is',
 		'timeoffset'		=> 'Time should differ by',
 		'hours'			=> 'hours',
 		'timeformat'		=> 'Default format for time',
--- a/fp-interface/lang/es-es/lang.admin.config.php
+++ b/fp-interface/lang/es-es/lang.admin.config.php
@ -34,7 +34,7 @@ subdirectorios. <br />
 		'langchoice'		=> 'Idioma',

 		'intsetts'		=> 'Configuración internacional',
-		'utctime'		=> '<acronym title="Hora Universal Coordinado">UTC</acronym> la hora es',
+		'utctime'		=> '<abbr title="Hora Universal Coordinado">UTC</abbr> la hora es',
 		'timeoffset'		=> 'La diferencia de hora es',
 		'hours'			=> 'hours',
 		'timeformat'		=> 'Formato inicial para la hora',
--- a/fp-interface/lang/fr-fr/lang.admin.config.php
+++ b/fp-interface/lang/fr-fr/lang.admin.config.php
@ -32,7 +32,7 @@
 		'langchoice'		=> 'Langage',

 		'intsetts'		=> 'R&eacute;glages Internationaux',
-		'utctime'		=> '<acronym title="Universal Coordinated Time">L\'heure (UTC) </acronym>actuelle est',
+		'utctime'		=> '<abbr title="Universal Coordinated Time">L\'heure (UTC) </abbr>actuelle est',
 		'timeoffset'		=> 'Fuseau horaire (GMT+)',
 		'hours'			=> 'heures',
 		'timeformat'		=> 'Format par d&eacute;faut pour l\'heure',
--- a/fp-interface/lang/it-it/lang.admin.config.php
+++ b/fp-interface/lang/it-it/lang.admin.config.php
@ -34,7 +34,7 @@
 		'langchoice'		=> 'Lingua',

 		'intsetts'		=> 'Impostazioni internazionali',
-		'utctime'		=> 'L\'orario <acronym title="Universal Coordinated Time">UTC</acronym> è',
+		'utctime'		=> 'L\'orario <abbr title="Universal Coordinated Time">UTC</abbr> è',
 		'timeoffset'		=> 'Le ore dovrebbero differire di',
 		'hours'			=> 'ore',
 		'timeformat'		=> 'Formato predefinito per l\'orario',
--- a/fp-interface/lang/ja-jp/lang.admin.config.php
+++ b/fp-interface/lang/ja-jp/lang.admin.config.php
@ -30,7 +30,7 @@
 		'langchoice'		=> '言語の選択',

 		'intsetts'		=> 'ローカルの設定',
-		'utctime'		=> '<acronym title="Universal Coordinated Time">UTC</acronym>の時刻：',
+		'utctime'		=> '<abbr title="Universal Coordinated Time">UTC</abbr>の時刻：',
 		'timeoffset'		=> '投稿時に加算する時間',
 		'hours'			=> '時間',
 		'timeformat'		=> '時刻表示のデフォルト形式',
--- a/fp-interface/lang/nl-nl/lang.admin.config.php
+++ b/fp-interface/lang/nl-nl/lang.admin.config.php
@ -34,7 +34,7 @@
 		'langchoice'		=> 'Taal',

 		'intsetts'		=> 'Internationale instellingen',
-		'utctime'		=> '<acronym title="Universal Coordinated Time">UTC</acronym> time is',
+		'utctime'		=> '<abbr title="Universal Coordinated Time">UTC</abbr> time is',
 		'timeoffset'		=> 'De tijd moet verschuiven per',
 		'hours'			=> 'uren',
 		'timeformat'		=> 'Default format voor tijd',
--- a/fp-interface/lang/pt-br/lang.admin.config.php
+++ b/fp-interface/lang/pt-br/lang.admin.config.php
@ -29,7 +29,7 @@
 		'langchoice'		=> 'Idioma',

 		'intsetts'		=> 'Configurações internacionais',
-		'utctime'		=> '<acronym title="Universal Coordinated Time">UTC</acronym> hora é:',
+		'utctime'		=> '<abbr title="Universal Coordinated Time">UTC</abbr> hora é:',
 		'timeoffset'		=> 'Diferença em horas com relação ao UTC:',
 		'hours'			=> 'horas',
 		'timeformat'		=> 'Formato padrão para a hora',
--- a/fp-interface/themes/leggero/leggero-v2/res/admin.css
+++ b/fp-interface/themes/leggero/leggero-v2/res/admin.css
@ -6,70 +6,77 @@ Leggero CSS Styles
 mod by liquibyte
 Name: Leggero v2
 Author: NoWhereMan, drudo & Marc Thibeault
-Version: 0.1
+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 {
-	padding: .3em;
-	background: #bdbdbd url(../imgs/buttonsh.png) repeat-x;
+	box-shadow: none !IMPORTANT;
+	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;
-}
+h2 { margin: auto }

-h2 {
-	border-bottom: 1px solid #ddd;
-}
+h2 { border-bottom: 1px solid #ddd; margin: 0.5em 0 }

-.head-link {
-	font-size: 0.83em;
-}
+h3 { margin: 0.5em 0 0 0 }
+
+.head-link { font-size: 0.83em }

-body { background: #eee; }

 /* === Redefines some stuff in inline mode === */
-body#inline-body {
-	background: white;
-}
-
-body#inline-body input {
-
-}
+body#inline-body { background: white }

 #body-container {
 	text-align: left;
 	font-size: 0.85em;
-	width: 80% !important;
-	min-width: 1000px;
 	margin: 0 auto 0 auto;
-	padding: 5px;
 	background-color: rgba(255,255,255,1);
-	border-radius: 3px;
+	border-radius: 12px
 }

+
+/* ===== 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
+	}
+
+	@media (max-width: 768px) { /* and stretch to the complete width on small devices */
+		body { margin: 0 0 0 0; background: #eee }
+
+		#body-container {
+			padding: unset;
+			padding-top: 5px;
+			min-width: 100%;
+			border-radius: unset
+		}
+	}
+}
+
+
 /* === 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%;
@ -80,14 +87,12 @@ 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;
+	border-radius: 5px
 }

 ul#admin-tabmenu li {
@ -103,7 +108,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,
@ -112,46 +117,45 @@ ul#admin-tabmenu li a:hover {
 	font-weight: normal;
 	background-color: #ddd;
 	-moz-border-radius: 2px;
+	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;
+	background: #e6e6e6;
+	padding: 0.5em;
+	width: 95%;
+	max-width: fit-content;
+	display: inline-block;
+	border-radius: 0 0 5px 5px;
+	position: relative;
+	left: 5px
 }

-#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,
 #admin-submenu li a.active {
 	color: #eee;
 	background: #555;
-	padding: .1em 1em .3em;
+	padding: .3em 1em .3em;
 	-moz-border-radius: 3px;
-	text-decoration: none;
-}
-
-#admin-submenu li a.active {
-	font-weight: bold;
+	border-radius: 3px;
+	text-decoration: none
 }

+#admin-submenu li a.active { font-weight: bold }


 /* ===== MAIN MENU ITEM ===== */
@ -165,11 +169,7 @@ ul#admin-tabmenu li a.admin-tab-current {

 .admin-mainmenu-item img { padding-right: 1em }

-.admin-mainmenu-item .admin-icon-descr {
-	font-size: 80%;
-	font-style: italic
-}
-
+.admin-mainmenu-item .admin-icon-descr { font-size: 80%; font-style: italic }


 /* ===== ADMIN ENTRY ===== */
@ -180,11 +180,6 @@ input#subject {
 	font-weight: bold
 }

-textarea.code {
-	font-family: Lucida Console, Monaco, monospace;
-	font-size: 90%
-}
-
 #admin-entry-categories ul {
 	display:block;
 	list-style-type: none;
@ -192,13 +187,19 @@ textarea.code {
 	padding-left: 1em
 }

-#admin-bbcode-toolbar p { display: inline }
+#admin-bbcode-toolbar { display: table }
+
+#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 select { width: 10em }

-
-
-#admin-content table { width: 100%; }
+#admin-content table { width: 100%; margin-bottom: 2em }

 #admin-content td {
 	font-size: 0.8em;
@ -207,17 +208,12 @@ 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;
-}
+#admin-content td.main-cell { width: 30%; text-align: left }

 #admin-content th {
 	font-size: 0.75em;
@ -227,8 +223,15 @@ textarea.code {
 	padding: 8px
 }

-input.maxsize, select.maxsize { width: 99% }
+#admin-content tr:first-child th:last-child { border-top-right-radius: 5px }

+#admin-content tr:first-child th:first-child { border-top-left-radius: 5px }
+
+#admin-content tr:last-child td:last-child { border-bottom-right-radius: 5px }
+
+#admin-content tr:last-child td:first-child { border-bottom-left-radius: 5px }
+
+input.maxsize, select.maxsize { width: 99% }

 #admin-bbcode-toolbar {
 	margin: 0;
@ -246,120 +249,97 @@ input.maxsize, select.maxsize { width: 99% }
 	border: none;
 	width: 99%;
 	margin: auto;
-	height: 11em;
+	height: 11em
 }

-
 .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;
-	border-bottom: 1px solid #bbb;
+	border-radius: 5px;
+	margin-top: 0.5em;
 	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: 68em
-}
+#post-preview { min-width: 28em }

 #post-preview .entry { padding: 2em; max-height: 20em; overflow: auto  }

 #post-preview div.entry h2 {
 	font-family: sans-serif;
 	border-bottom: none;
-	margin: 0.83em 0;
+	margin: 0.83em 0
 }

-#post-preview div.entry h4 {
-	margin: 2em 0 0 0;
-}
+#post-preview div.entry h4 { margin: 2em 0 0 0 }
+
+.entry-footer { margin: 2em 0 0.5em 0; text-align: right }

-.entry-footer {
-	margin: 2em 0 0.5em 0;
-    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
 }

+input[type=file]::file-selector-button { cursor: pointer }
+
+table.plugin_gallerycaptions_captionstable tr:first-child td:first-child { border-top-left-radius: 5px }
+
+table.plugin_gallerycaptions_captionstable tr:first-child td:last-child { border-top-right-radius: 5px }
+
+table.plugin_gallerycaptions_captionstable img { border-radius: 3px }

 /* (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;
-}
-
-#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;
 	border: 1px solid #ddd;
 	margin-right: 2em;
+	border-radius: 3px
 }

-#available-themes {
-	clear: both;
-}
+#available-themes { clear: both }

+#available-themes img { border: 1px solid #eee; border-radius: 3px }

-#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;
@ -367,45 +347,49 @@ input.maxsize, select.maxsize { width: 99% }
 	border: 1px solid #fff;
 	text-align: center;
 	width: 300px;
+	border-radius: 3px
 }

 #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; max-width: 55% }

 #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-radius: 3px
 }

 #available-widgets {
 	font-size: 80%;
-	float:right;
+	float: right;
 	border: 1px solid #ddd;
 	background: #eee;
 	padding: 1em;
 	width: 30%;
+	min-width: 20em;
 	z-index: 1000;
 	position: relative;
 	text-align: left;
+	border-radius: 3px
 }

-#widget-trashcan { /*colors for trashcan/uninstall widgets while dragging*/
+.widgetset-name { border-radius: 2px }
+
+#widget-trashcan { /* colors for trashcan/uninstall widgets while dragging */
 	background-color: rgba(170, 34, 34, 0.7);
 	color: #ddd;
 	font-size: 120%;
@ -414,29 +398,27 @@ li.admin-widgetset {
 	text-align: center;
 	border: 2px solid #f00;
 	margin: 2em;
+	border-radius: 2px
 }

-.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 {
@ -447,14 +429,14 @@ li.widget-class {
 	height: 30px;
 	background-color: white;
 	list-style-type: none;
+	border-radius: 2px
 }

-
 .admin-widgetset h3 {
 	margin-bottom: 1em;
 	padding: .3em;
 	background: #eee;
-	border: 1px solid #ddd;
+	border: 1px solid #ddd
 }

 #available-widgets h2 {
@ -464,6 +446,7 @@ li.widget-class {
 	padding: .3em;
 	border: 1px solid #eee;
 	background: #999;
+	border-radius: 2px
 }

 .widget-instance .textinput {
@ -473,149 +456,127 @@ 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 dt {
-    width: 33%;
-    text-align:right;
-    margin-top: 1.8em;
-    line-height: 1.5em;
-    font-weight: bold;
-}
-
-.option-set dt label {
-	padding-top: .2em;
-}
+.option-set,
+.option-list { margin-bottom: 3em }

 .option-set dd {
-    margin-left: 35%;
-    margin-top: -1.7em;
+    margin-left: 38%;
+    bottom: 1.75em;
    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-list dd label {
+    position: relative;
+    vertical-align: middle;
+    display: flex
 }

+.option-list dd code { position: relative; font-size: 0.85em }

-.option-set dd input{
-	margin-bottom: .2em;
+.option-set dt {
+    width: 36%;
+    text-align:right;
+    margin-top: 0.5em;
+    line-height: 1.5em;
+    font-weight: bold
 }

-.textinput, .bigtextinput, .smalltextinput {
-	padding: .5em;
-}
+.option-set dt label { bottom: 0.25em; position: relative }

-.textinput:focus, .bigtextinput:focus, .smalltextinput:focus {
-	font-weight: bold;
-}
+.textinput,
+.bigtextinput,
+.smalltextinput { padding: 0.2em }
+
+.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; margin-top: -2px }

+.option-set input.bigtextinput { width: 26em }

-.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;
-}
+a.link-general { padding: .9em; border-radius: 2px }

-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.5em 0 0.5em 0 }

-#footer {
-	color: black;
-}
+#footer { color: black }

-form {
-    margin: auto;
-}
+form { margin: auto }
--- a/fp-interface/themes/leggero/leggero-v2/res/column.css
+++ b/fp-interface/themes/leggero/leggero-v2/res/column.css
@ -5,7 +5,7 @@ Leggero CSS Styles

 Name: Leggero v2
 Author: NoWhereMan, drudo & Marc Thibeault
-Version: 0.1
+Version: 1.0
 Module: style.css
 */

@ -13,40 +13,40 @@ Module: style.css
@media (min-width: 720px) {
 	/* ===== COLUMN ===== */
 	#column {
-		width: 22%;
+		width: 215px;
+		margin: 0px 20px 0px 0px;
 		display: inline-block;
 		font-size: 90%;
-		height:1%;
+		height: 1%;
 		margin-bottom: 5px;
-		color: white;
+		color: white
 	}
 }

+
 /* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 719px) {
 	/* ===== COLUMN ===== */
 	#column {
 		text-align: center;
-		float: center;
 		width: 100%;
 		display: inline-block;
 		font-size: 100%;
-		height:1%;
+		height: 1%;
 		margin: 5px auto;
-		color: white;
+		color: white
 	}
 }

 #column h4 {
 	/* Titles of the sections */
 	margin-bottom: .5em;
-	color: white;
+	color: white
 }

 #column p, #column div { margin: 5px 0px }


-
 /* === List === */
 #column ul li table { font-size: 100% }

--- a/fp-interface/themes/leggero/leggero-v2/res/common.css
+++ b/fp-interface/themes/leggero/leggero-v2/res/common.css
@ -5,7 +5,7 @@ Leggero CSS Styles

 Name: Leggero v2
 Author: NoWhereMan, drudo & Marc Thibeault
-Version: 0.1
+Version: 1.0
 Module: common.css
 */

@ -13,19 +13,31 @@ Module: common.css
 html {
 	font-size: 100%;
 	margin: 0;
-	padding: 0
+	padding: 0;
+	font-family: sans-serif;
+	text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2)
+}
+
+html::before { /* background-attachment: fix workaround for mobile devices */
+	content: ' ';
+	display: block;
+	background-image: url("../imgs/back.jpg");
+	background-position: center;
+	-webkit-background-size: cover;
+	-moz-background-size: cover;
+	-o-background-size: cover;
+	background-size: cover;
+	height: 100vh; width: 100vw;
+	top: 0; bottom: 0; left: 0; right: 0;
+	position: fixed;
+	z-index: -10
 }

 body {
 	font-size: 100%;
 	color: black;
 	padding: 0;
-	text-align:center;
-	background: url('../imgs/back.jpg') no-repeat fixed top center;
-	-webkit-background-size: cover;
-	-moz-background-size: cover;
-  	-o-background-size: cover;
-  	background-size: cover;
+	text-align: center
 }

 hr { display: none }
@ -45,23 +57,25 @@ blockquote {
 	border-right: 1px solid #888;
 	border-top: 1px solid #888;
 	border-bottom: 1px solid #888;
+	border-radius: 3px
 }

-pre, code {
-	font-family: Lucida Console, Monaco, monospace !IMPORTANT;
-	font-size: 90%;
-}
+blockquote p { margin: 0.5em 0 0.5em 0 !IMPORTANT }
+
+pre, code { font-family: "Lucida Console", Monaco, monospace !IMPORTANT; font-size: 90% }

 pre {
-	border: 1px dashed #555;
+	border-left: 5px solid #b83c32;
+	border-right: 1px solid #b83c32;
+	border-top: 1px solid #b83c32;
+	border-bottom: 1px solid #b83c32;
+	border-radius: 3px;
 	background-color: #efefef;
-
 	overflow: auto;
-	width: 90%;
+	width: auto;
 	margin: 1em 1em;
 	padding: 5px 10px;
-	
-	height: auto !important; 
+	height: auto !important
 }

 ul, li, ol { margin: 0; padding: 0 }
@ -72,7 +86,8 @@ form { margin: 1em 0 }
 fieldset {
 	margin: 0 0 1em 0;
 	padding: .5em;
-	border: #ddd solid 1px
+	border: #ddd solid 1px;
+	border-radius: 3px
 }

 legend {
@ -81,11 +96,19 @@ legend {
 	font-style: oblique
 }

+select,
+input[type=submit],
+input[type=reset],
+input[type=button],
+input[type=radio],	
+input[type=checkbox] { cursor: pointer }
+
 input, textarea, select {
 	padding: .2em;
 	border: 1px solid #999;
 	color: #222;
 	background-color: #eee;
+	border-radius: 3px
 }

 input:hover, input:focus, textarea:hover, textarea:focus {
@ -94,52 +117,50 @@ input:hover, input:focus, textarea:hover, textarea:focus {
 }

 textarea {
-	font-size: 100%;
 	width: 99%;
 	margin-top: .1em;
-	margin-bottom: 1em
+	margin-bottom: 1em;
+	font-family: sans-serif
 }

-
+input#name, input#email, input#url { /* comment and contact textfield */
+    width: 200px
+}

 /* ===== LINKS GENERAL ===== */
 a:link, a:visited {
 	color: #B83C32;
 	font-weight: bold;
-	text-decoration: none;
+	text-decoration: none
 }

-a:hover {
-	text-decoration: underline;
-}
+a:hover { text-decoration: underline }

 /* ===== HEADERS TAGS ===== */
 h1 {
 	/* Title of the blog */
 	font-size: 2.3em;
 	letter-spacing: 2px;
-	margin: 1em 0 0.5em 0;
+	margin: 1em 0 0.5em 0
 }

 h2 {
 	/* Titles of the entry */
 	font-style: normal;
 	font-size: 1.6em;
-	margin: 0.83em 0;
+	margin: 0.83em 0
 }

 h2.entry-title,
-h2.title {
-	margin: 0 !IMPORTANT;
-}
+h2.title { margin: 0 !IMPORTANT }

 h3 {
 	font-style: normal;
 	font-size: 1.4em;
-	margin: 0;
+	margin: 0
 }

-h4 { font-size: 1.2em; }
+h4 { font-size: 1.2em }

 /* ===== HEAD ===== */
 #head {
@ -147,7 +168,7 @@ h4 { font-size: 1.2em; }
 	margin: 5px;
 	background: rgba(184,60,50,0.7);
 	border: black 1px solid;
-	border-radius: 10px ;
+	border-radius: 10px
 }

 #head a { color: white; text-decoration: none }
@ -164,7 +185,7 @@ h4 { font-size: 1.2em; }
 	position: relative;
 	height: 1%;
 	margin: 0px;
-	padding: 0px;
+	padding: 0px
 }

 /* ===== NORMAL DESIGN ===== */
@ -175,31 +196,109 @@ h4 { font-size: 1.2em; }
 	/* ===== BODY CONTAINER ===== */
 	#body-container {
 		text-align: left;
-		max-width: 1000px;
+		max-width: 690px;
 		width: 100%;
 		margin: 0 auto 0 auto;
 		padding: 5px;
 		background-color: rgba(0,0,0,0.75);
-		border-radius: 3px;
+		border-radius: 12px
 	}

 	/* ===== MAIN ===== */
-	#main h4 { margin: 2em 0 0 0}
+	#main h4 { margin: 2em 0 0 0 }

 	#main {
 		float:left;
 		position: relative;
-		width: 65%;
+		width: 365px;
 		font-size: 100%;
 		padding: 25px;
 		margin: 20px;
 		background-color: rgba(255,255,255,0.9);
-		border-radius: 3px;
+		border-radius: 3px
+	}
+	
+	div.floatleft { /* PhotoSwipe; normal */
+		margin: 0.5em 1em 1em 0.5em
+	}
+
+	div.floatright {
+		margin: 0.5em 0.5em 1em 1em
+	}
+	
+	.bbcode_video.right, .bbcode_video.left { float: unset !IMPORTANT }	
+	
+	.responsive_bbcode_video { /* BBcode; normal and center BBcode video if screen < 960px */
+		display: block;
+		text-align: center
+	}
+
+	.bbcode_video,
+	.fb_iframe_widget_fluid_desktop iframe {
+		max-width: 320px !IMPORTANT;
+		width: 100%;
+		height: 180px !IMPORTANT
 	}
 }

+@media (min-width: 768px) { /* Smartphone landscape and Tablet */
+
+	#body-container { max-width: 738px }
+		
+	#main { width: 413px }
+}
+
+@media (min-width: 820px) { /* Tablet */
+
+	#body-container { max-width: 790px }
+		
+	#main { width: 465px }
+}
+
+@media (min-width: 960px) { /* Tablet landscape and Netbook*/
+
+	#body-container { max-width: 930px }
+		
+	#main { width: 605px }
+	
+	.responsive_bbcode_video { text-align: unset }
+	
+	.bbcode_video.right { float: right !IMPORTANT }
+	
+	.bbcode_video.left { float: left !IMPORTANT }
+}
+
+@media (min-width: 1024px) { /* Laptop and small Desktop-PC */
+
+	#body-container { max-width: 994px }
+		
+	#main { width: 669px }
+
+	.bbcode_video,
+	.fb_iframe_widget_fluid_desktop iframe {
+		max-width: 480px !IMPORTANT;
+		width: 100%;
+		height: 270px !IMPORTANT
+	}
+}
+
+@media (min-width: 1440px) { /* Desktop-PC and TV*/
+
+	#body-container { max-width: 1250px }
+		
+	#main { width: 925px }
+	
+	.bbcode_video,
+	.fb_iframe_widget_fluid_desktop iframe {
+	max-width: 560px !IMPORTANT;
+	width: 100%;
+	height: 315px !IMPORTANT
+	}
+}
+
+
 /* ===== RESPONSIVE DESIGN ===== */
-@media (max-width: 719px) {
+@media (max-width: 719px) { /* Smartphone */

 	body { margin: 0 0 0 0 }

@ -209,11 +308,13 @@ h4 { font-size: 1.2em; }
 		width: 100%;
 		margin: 0 auto 0 auto;
 		padding-top: 5px;
-		background-color: rgba(0,0,0,0.75);
+		background-color: rgba(0,0,0,0.75)
 	}

+	#outer-container { margin: 5px }
+	
 	/* ===== MAIN ===== */
-	#main h4 { margin: 2em 0 0 0}
+	#main h4 { margin: 2em 0 0 0 }

 	#main {
 		width: 90%;
@ -221,26 +322,48 @@ h4 { font-size: 1.2em; }
 		padding: 15px;
 		margin: 10px auto;
 		background-color: rgba(255,255,255,0.9);
-		border-radius: 3px;
+		border-radius: 3px
 	}
+	
+	div.floatright, div.floatleft, div.photoswipe { /* PhotoSwipe; responsive */
+		float: unset;
+		margin-left: auto !IMPORTANT;
+		margin-right: auto !IMPORTANT
+	}
+
+	div.img-gallery { text-align: center }
+
+	.img-gallery div.photoswipe figure { margin: 0.5em 0 0 0 !IMPORTANT }
+
+	.responsive_bbcode_video { /* BBcode; responsive */
+		position: relative;
+		padding-bottom: 56.25%;  /* 16:9 */
+		height: 0;
+		overflow: hidden
+	}
+
+	.bbcode_video {
+		float: unset !IMPORTANT;
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%
+	}
+
+	.bbcode_video.nofloat { text-align: center }
 }

-#main p { line-height: 1.4em; margin-top: 1em; }
+#main p { line-height: 1.4em; margin-top: 1em }

 #main img { margin: .5em }

 /* === List === */
-#main ul {
-	list-style-type: disc;
-	padding: 0 0 0 1.6em
-}
+#main ul { list-style-type: disc; padding: 0 0 0 1.6em }

-#main ol {
-	list-style-position: inside;
-	padding: 0 1.6em 0 1.6em
-}
+#main ol { list-style-position: inside; padding: 0 1.6em 0 1.6em }

-h4#addcomment {clear:both;}
+h4#addcomment { clear: both }

 	#commentform fieldset p { margin: 0 0 .5em 0 }

@ -253,10 +376,7 @@ h4#addcomment {clear:both;}
 	}

 	/* === Class of main block === */
-	h6.date {
-		font-size: 0.8em;
-		color: #444;
-	}
+	h6.date { font-size: 0.8em; color: #444 }

 	.date { /* date under titles of the entry */
 		font-size: 80%;
@ -269,12 +389,12 @@ h4#addcomment {clear:both;}
 	.entry {
 		margin: 0 0 1.5em 0;
 		padding: 0 0 1.5em 0;
-		overflow: auto; /* floating images fix IE<7*/
-		border-bottom: solid 1px #999;
+		overflow: auto;
+		border-bottom: solid 1px #999
 	}

 	#main>.entry {
-		overflow: hidden; /* rest of the world :) */
+		overflow: hidden /* rest of the world :) */
 	}
 	/* end of .entry */

@ -283,36 +403,64 @@ h4#addcomment {clear:both;}
 		font-size: 80%;
 		color: black;
 		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 }

-	.buttonbar input {
-		text-align: center;
-		margin: .1em .5em;
-		padding: 0 1em
+	.buttonbar input[type=submit], /* Send-Message-Button */
+	.buttonbar input[type=reset], /* Reset-Message-Button */
+	.buttonbar input[type=button] {
+		box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
+		margin: 0.1em 0.5em;
+		padding: 0.2em 1em
 	}

+	.buttonbar input[type=submit]:hover,
+	.buttonbar input[type=reset]:hover,
+	.buttonbar input[type=button]:hover {
+		box-shadow: none
+	}
+
+	input[type=radio],	
+	input[type=checkbox] {
+		vertical-align: middle;
+		margin-bottom: 0.4em
+	}
+
+	.photoswipe figure img { /* PhotoSwipe */
+		box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
+		border-radius: 3px
+	}
+
+	.photoswipe figure img:hover { box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3) }
+
+	.photoswipe figure figcaption { font-size: 12px !IMPORTANT }
+
+	.bbcode_video { /* BBCode [video] */
+		background-color: rgba(0,0,0,0.3);
+		box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
+		border-radius: 3px;
+		margin: 0px 3px 0px 0px
+	}
+	
+	.bbcode_video:hover { box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3) }
+
+	.fb_iframe_widget_fluid_desktop iframe { border-radius: 3px }
+
 	.navigation { /* next entries & previous entries link */
 		font-size: 90%;
-		/* margin-bottom: 3em; */
-		display: flow-root;
+		display: flow-root
 	}

-	form#search ul { 
-		list-style-type: none;
-	}
+	form#search ul { list-style-type: none }

 /* ===== FOOTER ===== */
 #footer {
@ -320,10 +468,8 @@ h4#addcomment {clear:both;}
 	text-align: center;
 	font-size: 90%;
 	color: white;
-	padding: 5px;
+	padding: 5px
 }

-* {
-   font-family: sans-serif;
-   text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
-  }
+* { font-family: sans-serif; text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2) }
+
--- a/fp-interface/themes/leggero/leggero-v2/res/globals.css
+++ b/fp-interface/themes/leggero/leggero-v2/res/globals.css
@ -5,7 +5,7 @@ Leggero CSS Styles

 Name: Leggero v2
 Author: NoWhereMan, drudo & Marc Thibeault
-Version: 0.1
+Version: 1.0
 Module: globals.css
 */

@ -17,13 +17,13 @@ Module: globals.css
 #main ul.msgs, ul.msgs {
 	margin: 0;
 	padding: 1em 2em;
-	list-style-type: none;
+	list-style-type: none
 }

 .errors {
 	color: #901d1d;
-	border-top: 1px solid;
-	border-bottom: 1px solid;
+	border: 1px solid;
+	border-radius: 3px;
 	border-color: #ffbbbb;
 	background: #ffdddd
 }
@ -36,18 +36,17 @@ Module: globals.css

 .notifications,.enabled {
 	color : #1d901d;
-	border-top: 1px solid #bbffbb;
-	border-bottom: 1px solid #bbffbb;
+    border: 1px solid;
+	border-radius: 3px;
 	background: #ddffdd
 }

 .warnings {
-	color : #8a7802;
-	border-top: 1px solid;
-    border-bottom: 1px solid;
+	color: #8a7802;
+	border: 1px solid;
+	border-radius: 3px;
 	border-color: #f8e674;
-	background: #fffdd5;
-
+	background: #fffdd5
 }

 .field-error {
--- a/fp-interface/themes/leggero/leggero-v2/res/print.css
+++ b/fp-interface/themes/leggero/leggero-v2/res/print.css
@ -5,61 +5,43 @@ Leggero CSS Styles

 Name: Leggero v2
 Author: Laborix
-Version: 0.1
+Version: 1.0
 Module: print.css
 */

 body {
  color: #333;
-  background-color: transparent;
+  background-color: transparent
 }

 a {
  color: #333;
  background-color: transparent;
-  text-decoration: none;
+  text-decoration: none
 }

-h1 {
-  font-size: 130%; 
-}
+h1 { font-size: 130% }

-h2 {
-  font-size: 130%; 
-}
+h2 { font-size: 130% }

-h3 {
-  font-size: 100%; 
-}
+h3 { font-size: 100% }

-h4 {
-  font-size: 100%; 
-}
+h4 { font-size: 100% }

-.date {
-  font-size: 100%;
-}
+.date { font-size: 100% }

-#column {
-  display: none;
-}
+#column { display: none }

-.admincontrols {
-  display: none;
-}
+.admincontrols { display: none }

-.readmore {
-  display: none;
-}
+.readmore { display: none }

-.navigation {
-  display: none;
-}
+.navigation { display: none }

 .entry-footer {
  clear: both;
  font-size: 80%;
-  margin: 2em 0 3em 0;
+  margin: 2em 0 3em 0
 }

 blockquote {
@ -69,7 +51,7 @@ blockquote {
 	color: #333;
 	background-color: transparent;
 	font-style: italic;
-	border-left: 5px solid #bbb;
+	border-left: 5px solid #bbb
 }

 pre {
@ -83,21 +65,13 @@ pre {
  border: 1px dotted #333;
  white-space: pre-line;
  overflow: auto;
-  text-overflow: ellipsis;
+  text-overflow: ellipsis
 }

-.link-comments {
-  display: none;
-}
+.link-comments { display: none }

-hr {
-  display: none;
-}
+hr { display: none }

-#footer {
-  display: none;
-}
+#footer { display: none }

-#commentform {
-  display: none;
-}
+#commentform { display: none }
--- a/fp-interface/themes/leggero/leggero-v2/res/style.css
+++ b/fp-interface/themes/leggero/leggero-v2/res/style.css
@ -5,23 +5,43 @@ Leggero CSS Styles

 Name: Leggero v2
 Author: NoWhereMan, drudo & Marc Thibeault
-Version: 0.1
+Version: 1.0
 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
+	padding: 1em
 }

-#comments li.comment-admin strong.comment-name { font-size:140% }
-
 #widget-searchbox form {
-	text-align: center;
+	text-align: center
+}
+
+/* Last Comments-Widget */
+.comment-quote {
+	margin-left: auto;
+	margin-right: auto;
+	border-radius: 3px
+}
+
+@media (min-width: 720px) {
+	.comment-quote { width: auto }
+}
+
+/* Calendar-Widget */
+.calendar {
+	margin-left: auto;
+	margin-right: auto;
+	text-align: center
+}
+
+@media (min-width: 720px) {
+	.calendar { font-size: small !IMPORTANT }
 }
--- a/fp-plugins/bbcode/lang/lang.cs-cz.php
+++ b/fp-plugins/bbcode/lang/lang.cs-cz.php
@ -4,7 +4,7 @@ $lang ['admin'] ['plugin'] ['submenu'] ['bbcode'] = 'BBCode';
 $lang ['admin'] ['plugin'] ['bbcode'] = array(
 	'head' => 'Nastavení BBCode',
 	'desc1' => 'Tento plugin umožňuje používat <a href="http://www.phpbb.com/'.
-		'phpBB/faq.php?mode=bbcode">BBCode</a> na vašem blogu. ',
+		'phpBB/faq.php?mode=bbcode">BBCode</a> na vašem blogu.',
 	
 	'options' => 'Nastavení',

@ -56,7 +56,9 @@ $lang ['admin'] ['plugin'] ['bbcode'] = array(
 );

 $lang ['plugin'] ['bbcode'] = array (
-		'go_to' => 'Přejít na'
+		'go_to' => 'Přejít na',
+		// language tag for Facebook Video
+		'langtag' => 'cs_CZ'
 );

 ?>
--- a/fp-plugins/bbcode/lang/lang.de-de.php
+++ b/fp-plugins/bbcode/lang/lang.de-de.php
@ -4,8 +4,7 @@ $lang ['admin'] ['plugin'] ['submenu'] ['bbcode'] = 'BBCode';
 $lang ['admin'] ['plugin'] ['bbcode'] = array(
 	'head' => 'BBCode Konfiguration',
 	'desc1' => 'Dieses Plugin erlaubt <a href="http://www.phpbb.com/'.
-		'phpBB/faq.php?mode=bbcode">BBCode</a> Markup zu benutzen und bietet die '.
-		'automatische Integration der Lightbox Funktionalität an (Vorraussetzung ist, dass das Lightbox Plugin aktiviert ist).',
+		'phpBB/faq.php?mode=bbcode">BBCode</a> Markup zu benutzen.',
 	
 	'options' => 'Optionen',

@ -57,7 +56,9 @@ $lang ['admin'] ['plugin'] ['bbcode'] = array(
 );

 $lang ['plugin'] ['bbcode'] = array (
-		'go_to' => 'Gehe zu'
+		'go_to' => 'Gehe zu',
+		// language tag for Facebook Video
+		'langtag' => 'de_DE'
 );

 ?>
--- a/fp-plugins/bbcode/lang/lang.el-gr.php
+++ b/fp-plugins/bbcode/lang/lang.el-gr.php
@ -4,8 +4,7 @@ $lang ['admin'] ['plugin'] ['submenu'] ['bbcode'] = 'BBCode';
 $lang ['admin'] ['plugin'] ['bbcode'] = array(
 	'head' => 'Ρύθμιση του BBCode',
 	'desc1' => 'Το πρόσθετο αυτό επιτρέπει τη χρήση σύνταξης <a href="http://www.phpbb.com/'.
-		'phpBB/faq.php?mode=bbcode">BBCode</a> και παρέχει '.
-		'αυτόματη αλληλεπίδραση με το lightbox (όταν είναι κι αυτό ενεργοποιημένο).',
+		'phpBB/faq.php?mode=bbcode">BBCode</a>.',
 	
 	'options' => 'Επιλογές',

@ -57,7 +56,9 @@ $lang ['admin'] ['plugin'] ['bbcode'] = array(
 );

 $lang ['plugin'] ['bbcode'] = array (
-		'go_to' => 'Πηγαίνετε στον'
+		'go_to' => 'Πηγαίνετε στον',
+		// language tag for Facebook Video
+		'langtag' => 'el_GR'
 );

 ?>
--- a/fp-plugins/bbcode/lang/lang.en-us.php
+++ b/fp-plugins/bbcode/lang/lang.en-us.php
@ -4,8 +4,7 @@ $lang ['admin'] ['plugin'] ['submenu'] ['bbcode'] = 'BBCode';
 $lang ['admin'] ['plugin'] ['bbcode'] = array(
 	'head' => 'BBCode Configuration',
 	'desc1' => 'This plugin allows using <a href="http://www.phpbb.com/'.
-		'phpBB/faq.php?mode=bbcode">BBCode</a> markup and provides '.
-		'automatic integration with lightbox (when also enabled).',
+		'phpBB/faq.php?mode=bbcode">BBCode</a> markup.',
 	
 	'options' => 'Options',

@ -57,7 +56,9 @@ $lang ['admin'] ['plugin'] ['bbcode'] = array(
 );

 $lang ['plugin'] ['bbcode'] = array (
-		'go_to' => 'Go to'
+		'go_to' => 'Go to',
+		// language tag for Facebook Video
+		'langtag' => 'en_US'
 );

 ?>
--- a/fp-plugins/bbcode/lang/lang.es-es.php
+++ b/fp-plugins/bbcode/lang/lang.es-es.php
@ -4,8 +4,7 @@ $lang ['admin'] ['plugin'] ['submenu'] ['bbcode'] = 'BBCode';
 $lang ['admin'] ['plugin'] ['bbcode'] = array(
 	'head' => 'Configuración de BBCode',
 	'desc1' => 'Este Plugin permite usar <a href="http://www.phpbb.com/'.
-		'phpBB/faq.php?mode=bbcode">BBCode</a> markup y proporciona '.
-		'integración automática con lightbox (cuando también está habilitado).',
+		'phpBB/faq.php?mode=bbcode">BBCode</a> markup.',
 	
 	'options' => 'Opciones',

@ -57,7 +56,9 @@ $lang ['admin'] ['plugin'] ['bbcode'] = array(
 );

 $lang ['plugin'] ['bbcode'] = array (
-		'go_to' => 'Ir a'
+		'go_to' => 'Ir a',
+		// language tag for Facebook Video
+		'langtag' => 'es_ES'
 );

 ?>
--- a/fp-plugins/bbcode/lang/lang.fr-fr.php
+++ b/fp-plugins/bbcode/lang/lang.fr-fr.php
@ -4,8 +4,7 @@ $lang ['admin'] ['plugin'] ['submenu'] ['bbcode'] = 'BBCode';
 $lang ['admin'] ['plugin'] ['bbcode'] = array(
 	'head' => 'Configuration du BBCode',
 	'desc1' => 'Ce plugin autorise l\'usage du <a href="http://www.phpbb.com/'.
-		'phpBB/faq.php?mode=bbcode">BBCode</a> et permet une int&eacute;gration '.
-		'automatique avec une lightbox (si disponible).',
+		'phpBB/faq.php?mode=bbcode">BBCode</a>.',
 	
 	'options' => 'Options',

@ -57,7 +56,9 @@ $lang ['admin'] ['plugin'] ['bbcode'] = array(
 );

 $lang ['plugin'] ['bbcode'] = array (
-		'go_to' => 'Aller à'
+		'go_to' => 'Aller à',
+		// language tag for Facebook Video
+		'langtag' => 'fr_FR'
 );

 ?>
--- a/fp-plugins/bbcode/lang/lang.it-it.php
+++ b/fp-plugins/bbcode/lang/lang.it-it.php
@ -4,8 +4,7 @@ $lang ['admin'] ['plugin'] ['submenu'] ['bbcode'] = 'BBCode';
 $lang ['admin'] ['plugin'] ['bbcode'] = array(
 	'head' => 'Configurazione BBCode',
 	'desc1' => 'Questo plugin ti consente di usare <a href="http://www.phpbb.com/'.
-		'phpBB/faq.php?mode=bbcode">BBCode</a> come markup e fornisce '.
-		'un\'integrazione automatica con lightbox (quando è abilitato).',
+		'phpBB/faq.php?mode=bbcode">BBCode</a> come markup.',
 	
 	'options' => 'Opzioni',

@ -57,7 +56,9 @@ $lang ['admin'] ['plugin'] ['bbcode'] = array(
 );

 $lang ['plugin'] ['bbcode'] = array (
-		'go_to' => 'Vai a'
+		'go_to' => 'Vai a',
+		// language tag for Facebook Video
+		'langtag' => 'it_IT'
 );

 ?>
--- a/fp-plugins/bbcode/lang/lang.ja-jp.php
+++ b/fp-plugins/bbcode/lang/lang.ja-jp.php
@ -4,8 +4,7 @@ $lang ['admin'] ['plugin'] ['submenu'] ['bbcode'] = 'BBCode';
 $lang ['admin'] ['plugin'] ['bbcode'] = array(
 	'head' => 'BBCodeの設定',
 	'desc1' => 'このプラグインは <a href="http://www.phpbb.com/'.
-		'phpBB/faq.php?mode=bbcode">BBCode</a> を使用できるようにし、'.
-		'lightbox(プラグインが有効であれば)も自動的に組み込みます。',
+		'phpBB/faq.php?mode=bbcode">BBCode</a> の使用を可能にします。',
 	
 	'options' => 'オプション',

@ -57,7 +56,9 @@ $lang ['admin'] ['plugin'] ['bbcode'] = array(
 );

 $lang ['plugin'] ['bbcode'] = array (
-		'go_to' => 'に行く'
+		'go_to' => 'に行く',
+		// language tag for Facebook Video
+		'langtag' => 'ja_JP'
 );


--- a/fp-plugins/bbcode/lang/lang.nl-nl.php
+++ b/fp-plugins/bbcode/lang/lang.nl-nl.php
@ -3,9 +3,8 @@
 $lang ['admin'] ['plugin'] ['submenu'] ['bbcode'] = 'BBCode';
 $lang ['admin'] ['plugin'] ['bbcode'] = array(
 	'head' => 'BBCode Configuratie',
-	'desc1' => 'Deze plugin staat gebruik toe <a href="http://www.phpbb.com/'.
-		'phpBB/faq.php?mode=bbcode">BBCode</a> voor opmaak en biedt '.
-		'automatische integratie met lightbox (wanneer ook ingeschakeld).',
+	'desc1' => 'Deze plugin maakt het gebruik van <a href="http://www.phpbb.com/'.
+		'phpBB/faq.php?mode=bbcode">BBCode</a> mogelijk.',
 	
 	'options' => 'Opties',

@ -57,7 +56,9 @@ $lang ['admin'] ['plugin'] ['bbcode'] = array(
 );

 $lang ['plugin'] ['bbcode'] = array (
-		'go_to' => 'Ga naar'
+		'go_to' => 'Ga naar',
+		// language tag for Facebook Video
+		'langtag' => 'nl_NL'
 );

 ?>
--- a/fp-plugins/bbcode/lang/lang.pt-br.php
+++ b/fp-plugins/bbcode/lang/lang.pt-br.php
@ -3,9 +3,8 @@
 $lang ['admin'] ['plugin'] ['submenu'] ['bbcode'] = 'BBCode';
 $lang ['admin'] ['plugin'] ['bbcode'] = array(
 	'head' => 'Configuração do BBCode',
-	'desc1' => 'Este plugin permite o uso de <a href="http://www.phpbb.com/'.
-		'phpBB/faq.php?mode=bbcode">BBCode</a> markup e fornece '.
-		'integração automática com o lightbox (quando também ativado).',
+	'desc1' => 'Esse plug-in permite o uso de marcação <a href="http://www.phpbb.com/'.
+		'phpBB/faq.php?mode=bbcode">BBCode</a>.',
 	
 	'options' => 'Opções',

@ -57,7 +56,9 @@ $lang ['admin'] ['plugin'] ['bbcode'] = array(
 );

 $lang ['plugin'] ['bbcode'] = array (
-		'go_to' => 'Ir para'
+		'go_to' => 'Ir para',
+		// language tag for Facebook Video
+		'langtag' => 'pt_BR'
 );

 ?>
--- a/fp-plugins/bbcode/plugin.bbcode.php
+++ b/fp-plugins/bbcode/plugin.bbcode.php
@ -331,6 +331,10 @@ function do_bbcode_mail($action, $attributes, $content, $params, $node_object) {
 * @return string
 */
 function do_bbcode_video($action, $attr, $content, $params, $node_object) {
+	
+	global $lang;
+	lang_load('plugin:bbcode');
+
 	if ($action == 'validate') {
 		return true;
 	}
@ -365,19 +369,20 @@ function do_bbcode_video($action, $attr, $content, $params, $node_object) {
 	switch ($type) {
 		// YouTube
 		case 'youtube':
-			$output = '<iframe class="bbcode_video bbcode_video_youtube ' . $floatClass . '" src="https://www.youtube-nocookie.com/embed/' . $query ['v'] . '" width="' . $width . '" height="' . $height . '" allow="accelerometer; autoplay; fullscreen; encrypted-media; gyroscope; picture-in-picture"></iframe>';
+			$output = '<div class="responsive_bbcode_video"><iframe class="bbcode_video bbcode_video_youtube ' . $floatClass . '" src="https://www.youtube-nocookie.com/embed/' . $query ['v'] . '" width="' . $width . '" height="' . $height . '" allow="accelerometer; autoplay; fullscreen; encrypted-media; gyroscope; picture-in-picture"></iframe></div>';
 			break;
 		// Vimeo
 		case 'vimeo':
 			$vid = isset($query ['sec']) ? $query ['sec'] : str_replace('/', '', $vurl ['path']);
-			$output = '<iframe class="bbcode_video bbcode_video_vimeo ' . $floatClass . '" src="https://player.vimeo.com/video/' . $vid . '?color=' . $vid . '&title=0&byline=0&portrait=0" width="' . $width . '" height="' . $height . '" allow="autoplay; fullscreen;" allowfullscreen></iframe>';
+			$output = '<div class="responsive_bbcode_video"><iframe class="bbcode_video bbcode_video_vimeo ' . $floatClass . '" src="https://player.vimeo.com/video/' . $vid . '?color=' . $vid . '&title=0&byline=0&portrait=0" width="' . $width . '" height="' . $height . '" allow="autoplay; fullscreen;" allowfullscreen></iframe></div>';
 			break;
 		// Facebook
 		case 'facebook':
+			$langtag = $lang ['plugin'] ['bbcode'] ['langtag'];
 			$vid = isset($query ['sec']) ? $query ['sec'] : str_replace('/video/', '', $vurl ['path']);
 			$output = '<div id="fb-root"></div>
-			<script async defer src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2"></script>
-			<div class="fb-video bbcode_video bbcode_video_facebook ' . $floatClass . '" data-href="' . $vid . '" data-allowfullscreen="true" data-width="' . $width . '"></div>';
+			<script async defer crossorigin="anonymous" src="https://connect.facebook.net/' . $langtag . '/sdk.js#xfbml=1&version=v17.0"></script>
+			<div class="responsive_bbcode_video"><div class="fb-video bbcode_video bbcode_video_facebook ' . $floatClass . '" data-href="' . $vid . '" data-allowfullscreen="true" data-width="' . $width . '" data-lazy="true"></div></div>';
 			break;
 		// Any video file that can be played with HTML5 <video> element
 		case 'html5':
@ -390,7 +395,7 @@ function do_bbcode_video($action, $attr, $content, $params, $node_object) {
 				// ... we need to prepend it with the blog base URL
 				$videoPath = BLOG_BASEURL . $videoPath;
 			}
-			$output = '<video class="bbcode_video bbcode_video_html5 ' . $floatClass . '" width="' . $width . '" height="' . $height . '" controls><source src="' . $videoPath . '">Your browser does not support the video tag</video>';
+			$output = '<div class="responsive_bbcode_video"><video class="bbcode_video bbcode_video_html5 ' . $floatClass . '" width="' . $width . '" height="' . $height . '" controls><source src="' . $videoPath . '">Your browser does not support the video tag</video></div>';
 			break;
 			$output = null;
 	}
--- a/fp-plugins/bbcode/tpls/toolbar.tpl
+++ b/fp-plugins/bbcode/tpls/toolbar.tpl
@ -22,6 +22,8 @@
 		<img src="fp-plugins/bbcode/res/toolbaricons/code.png" id="bb_code" accesskey="" alt="code" title="{$lang.admin.plugin.bbcode.editor.codetitle}" onclick="insBBCode('code');" />
 		<img src="fp-plugins/bbcode/res/toolbaricons/html.png" id="bb_html" accesskey="" alt="html" title="html" onclick="insBBCode('html');" />
 &nbsp;&nbsp;&nbsp;&nbsp;
+	</p>
+	<p>
 		<img src="fp-plugins/bbcode/res/toolbaricons/bold.png" id="bb_b" accesskey="" alt="b" title="{$lang.admin.plugin.bbcode.editor.boldtitle}" onclick="insBBCode('b');" />
 		<img src="fp-plugins/bbcode/res/toolbaricons/italic.png" id="bb_i" accesskey="" alt="i" title="{$lang.admin.plugin.bbcode.editor.italictitle}" onclick="insBBCode('i');" />
 		<img src="fp-plugins/bbcode/res/toolbaricons/underlined.png" id="bb_u" accesskey="" alt="u" title="{$lang.admin.plugin.bbcode.editor.underlinetitle}" onclick="insBBCode('u');" />
@ -30,6 +32,8 @@
 	</p>
 	<p>
 		{$lang.admin.plugin.bbcode.editor.file}{html_options name=attachselect values=$attachs_list output=$attachs_list onchange="insAttach(this.form.attachselect.value)"}&nbsp;
+	</p>
+	<p>
 		{$lang.admin.plugin.bbcode.editor.image}{html_options name=imageselect values=$images_list output=$images_list onchange="insImage(this.form.imageselect.value)"}
 	</p>
 </fieldset>
--- a/fp-plugins/fpprotect/plugin.fpprotect.php
+++ b/fp-plugins/fpprotect/plugin.fpprotect.php
@ -14,8 +14,8 @@ header('X-Content-Security-Policy: default-src https: data:; frame-src https: da
 header('X-WebKit-CSP: default-src https: data:; frame-src https: data:; base-uri \'self\'; font-src https: data:; script-src https: \'unsafe-inline\' \'unsafe-eval\' blob:; style-src https: \'unsafe-inline\'; img-src https: data: blob:; frame-ancestors \'self\'; manifest-src \'self\'; worker-src \'self\' blob:; connect-src https: blob:; media-src \'self\' blob:; child-src \'self\' blob:; form-action \'self\'; object-src \'self\'');

 // End of Content Security Policy rules
-header('Feature-Policy: interest-cohort \'none\'; autoplay \'self\'; camera \'self\'; fullscreen \'self\'; geolocation \'self\'; microphone \'self\'; payment \'none\''); // Goodbye Feature Policy! // thx Nextcloud-Maps-App, github.com/nextcloud
-header('Permissions-Policy: interest-cohort=(), autoplay=(self), camera=(self), fullscreen=(self), geolocation=(self), microphone=(self), payment=()'); // Hello Permissions Policy! // thx Nextcloud-Maps-App, github.com/nextcloud
+header('Feature-Policy: interest-cohort \'none\'; autoplay \'self\'; camera \'self\'; fullscreen *; geolocation \'self\'; microphone \'self\'; payment \'none\''); // Goodbye Feature Policy! // thx Nextcloud-Maps-App, github.com/nextcloud
+header('Permissions-Policy: interest-cohort=(), autoplay=(self), camera=(self), fullscreen=*, geolocation=(self), microphone=(self), payment=()'); // Hello Permissions Policy! // thx Nextcloud-Maps-App, github.com/nextcloud
 header('Referrer-Policy: strict-origin-when-cross-origin');
 header('Strict-Transport-Security: max-age=15552000; includeSubDomains');
 header('X-Permitted-Cross-Domain-Policies: none');
--- a/fp-plugins/gallerycaptions/tpls/admin.plugin.gallerycaptions.tpl
+++ b/fp-plugins/gallerycaptions/tpls/admin.plugin.gallerycaptions.tpl
@ -43,7 +43,9 @@
 			</tr>
 		{/foreach}
 		</table>
-		<input type="submit" name="gallerycaptions-savecaptions" value="{$plang.button_savecaptions}"/>
+		<div class="buttonbar">
+			<input type="submit" name="gallerycaptions-savecaptions" value="{$plang.button_savecaptions}"/>
+		</div>
 	{/if}
 	</p>
 	{/html_form}
--- a/fp-plugins/photoswipe/photoswipefunctions.class.php
+++ b/fp-plugins/photoswipe/photoswipefunctions.class.php
@ -88,6 +88,7 @@ class PhotoSwipeFunctions {
 		$imgHtml = self::getPhotoSwipeOverlay() . //
 		'<div ' . //
 		'class="photoswipe ' . $floatClasses . '"' . $styleAttr . //
+		'itemscope itemtype="http://schema.org/ImageGallery"' . //
 		'>' . //
 		'<figure ' . //
 		'itemprop="associatedMedia" ' . //
@ -226,14 +227,14 @@ class PhotoSwipeFunctions {
 ';
 		}
 		echo '
-	<script src="' . $pdir . 'res/photoswipe-4.1.1/photoswipe-ui-default.min.js"></script>
-	<script src="' . $pdir . 'res/photoswipe-4.1.1/photoswipe.min.js"></script>
+	<script src="' . $pdir . 'res/photoswipe-4.1.3/photoswipe-ui-default.min.js"></script>
+	<script src="' . $pdir . 'res/photoswipe-4.1.3/photoswipe.min.js"></script>
 	<script>';
 		include_once (dirname(__FILE__) . '/res/photoswipe.js.php');
 		echo '
 	</script>
-	<link rel="stylesheet" property="stylesheet" href="' . $pdir . 'res/photoswipe-4.1.1/default-skin/default-skin.css">
-	<link media="screen" href="' . $pdir . 'res/photoswipe-4.1.1/photoswipe.css" type="text/css" rel="stylesheet">
+	<link rel="stylesheet" property="stylesheet" href="' . $pdir . 'res/photoswipe-4.1.3/default-skin/default-skin.css">
+	<link media="screen" href="' . $pdir . 'res/photoswipe-4.1.3/photoswipe.css" type="text/css" rel="stylesheet">
 	<!-- /PhotoSwipe -->';
 	}

--- a/fp-plugins/photoswipe/res/photoswipe-4.1.3/LICENSE
+++ b/fp-plugins/photoswipe/res/photoswipe-4.1.3/LICENSE
@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2014-2016 Dmitry Semenov, http://dimsemenov.com
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
--- a/fp-plugins/photoswipe/res/photoswipe-4.1.3/default-skin/default-skin.css
+++ b/fp-plugins/photoswipe/res/photoswipe-4.1.3/default-skin/default-skin.css
@ -0,0 +1,482 @@
+/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
+/*
+
+	Contents:
+
+	1. Buttons
+	2. Share modal and links
+	3. Index indicator ("1 of X" counter)
+	4. Caption
+	5. Loading indicator
+	6. Additional styles (root element, top bar, idle state, hidden state, etc.)
+
+*/
+/*
+	
+	1. Buttons
+
+ */
+/* <button> css reset */
+.pswp__button {
+  width: 44px;
+  height: 44px;
+  position: relative;
+  background: none;
+  cursor: pointer;
+  overflow: visible;
+  -webkit-appearance: none;
+  display: block;
+  border: 0;
+  padding: 0;
+  margin: 0;
+  float: right;
+  opacity: 0.75;
+  -webkit-transition: opacity 0.2s;
+          transition: opacity 0.2s;
+  -webkit-box-shadow: none;
+          box-shadow: none; }
+  .pswp__button:focus, .pswp__button:hover {
+    opacity: 1; }
+  .pswp__button:active {
+    outline: none;
+    opacity: 0.9; }
+  .pswp__button::-moz-focus-inner {
+    padding: 0;
+    border: 0; }
+
+/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
+.pswp__ui--over-close .pswp__button--close {
+  opacity: 1; }
+
+.pswp__button,
+.pswp__button--arrow--left:before,
+.pswp__button--arrow--right:before {
+  background: url(default-skin.png) 0 0 no-repeat;
+  background-size: 264px 88px;
+  width: 44px;
+  height: 44px; }
+
+@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
+  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
+  .pswp--svg .pswp__button,
+  .pswp--svg .pswp__button--arrow--left:before,
+  .pswp--svg .pswp__button--arrow--right:before {
+    background-image: url(default-skin.svg); }
+  .pswp--svg .pswp__button--arrow--left,
+  .pswp--svg .pswp__button--arrow--right {
+    background: none; } }
+
+.pswp__button--close {
+  background-position: 0 -44px; }
+
+.pswp__button--share {
+  background-position: -44px -44px; }
+
+.pswp__button--fs {
+  display: none; }
+
+.pswp--supports-fs .pswp__button--fs {
+  display: block; }
+
+.pswp--fs .pswp__button--fs {
+  background-position: -44px 0; }
+
+.pswp__button--zoom {
+  display: none;
+  background-position: -88px 0; }
+
+.pswp--zoom-allowed .pswp__button--zoom {
+  display: block; }
+
+.pswp--zoomed-in .pswp__button--zoom {
+  background-position: -132px 0; }
+
+/* no arrows on touch screens */
+.pswp--touch .pswp__button--arrow--left,
+.pswp--touch .pswp__button--arrow--right {
+  visibility: hidden; }
+
+/*
+	Arrow buttons hit area
+	(icon is added to :before pseudo-element)
+*/
+.pswp__button--arrow--left,
+.pswp__button--arrow--right {
+  background: none;
+  top: 50%;
+  margin-top: -50px;
+  width: 70px;
+  height: 100px;
+  position: absolute; }
+
+.pswp__button--arrow--left {
+  left: 0; }
+
+.pswp__button--arrow--right {
+  right: 0; }
+
+.pswp__button--arrow--left:before,
+.pswp__button--arrow--right:before {
+  content: '';
+  top: 35px;
+  background-color: rgba(0, 0, 0, 0.3);
+  height: 30px;
+  width: 32px;
+  position: absolute; }
+
+.pswp__button--arrow--left:before {
+  left: 6px;
+  background-position: -138px -44px; }
+
+.pswp__button--arrow--right:before {
+  right: 6px;
+  background-position: -94px -44px; }
+
+/*
+
+	2. Share modal/popup and links
+
+ */
+.pswp__counter,
+.pswp__share-modal {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+      user-select: none; }
+
+.pswp__share-modal {
+  display: block;
+  background: rgba(0, 0, 0, 0.5);
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  padding: 10px;
+  position: absolute;
+  z-index: 1600;
+  opacity: 0;
+  -webkit-transition: opacity 0.25s ease-out;
+          transition: opacity 0.25s ease-out;
+  -webkit-backface-visibility: hidden;
+  will-change: opacity; }
+
+.pswp__share-modal--hidden {
+  display: none; }
+
+.pswp__share-tooltip {
+  z-index: 1620;
+  position: absolute;
+  background: #FFF;
+  top: 56px;
+  border-radius: 2px;
+  display: block;
+  width: auto;
+  right: 44px;
+  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
+          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
+  -webkit-transform: translateY(6px);
+      -ms-transform: translateY(6px);
+          transform: translateY(6px);
+  -webkit-transition: -webkit-transform 0.25s;
+          transition: transform 0.25s;
+  -webkit-backface-visibility: hidden;
+  will-change: transform; }
+  .pswp__share-tooltip a {
+    display: block;
+    padding: 8px 12px;
+    color: #000;
+    text-decoration: none;
+    font-size: 14px;
+    line-height: 18px; }
+    .pswp__share-tooltip a:hover {
+      text-decoration: none;
+      color: #000; }
+    .pswp__share-tooltip a:first-child {
+      /* round corners on the first/last list item */
+      border-radius: 2px 2px 0 0; }
+    .pswp__share-tooltip a:last-child {
+      border-radius: 0 0 2px 2px; }
+
+.pswp__share-modal--fade-in {
+  opacity: 1; }
+  .pswp__share-modal--fade-in .pswp__share-tooltip {
+    -webkit-transform: translateY(0);
+        -ms-transform: translateY(0);
+            transform: translateY(0); }
+
+/* increase size of share links on touch devices */
+.pswp--touch .pswp__share-tooltip a {
+  padding: 16px 12px; }
+
+a.pswp__share--facebook:before {
+  content: '';
+  display: block;
+  width: 0;
+  height: 0;
+  position: absolute;
+  top: -12px;
+  right: 15px;
+  border: 6px solid transparent;
+  border-bottom-color: #FFF;
+  -webkit-pointer-events: none;
+  -moz-pointer-events: none;
+  pointer-events: none; }
+
+a.pswp__share--facebook:hover {
+  background: #3E5C9A;
+  color: #FFF; }
+  a.pswp__share--facebook:hover:before {
+    border-bottom-color: #3E5C9A; }
+
+a.pswp__share--twitter:hover {
+  background: #55ACEE;
+  color: #FFF; }
+
+a.pswp__share--pinterest:hover {
+  background: #CCC;
+  color: #CE272D; }
+
+a.pswp__share--download:hover {
+  background: #DDD; }
+
+/*
+
+	3. Index indicator ("1 of X" counter)
+
+ */
+.pswp__counter {
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 44px;
+  font-size: 13px;
+  line-height: 44px;
+  color: #FFF;
+  opacity: 0.75;
+  padding: 0 10px; }
+
+/*
+	
+	4. Caption
+
+ */
+.pswp__caption {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  min-height: 44px; }
+  .pswp__caption small {
+    font-size: 11px;
+    color: #BBB; }
+
+.pswp__caption__center {
+  text-align: left;
+  max-width: 420px;
+  margin: 0 auto;
+  font-size: 13px;
+  padding: 10px;
+  line-height: 20px;
+  color: #CCC; }
+
+.pswp__caption--empty {
+  display: none; }
+
+/* Fake caption element, used to calculate height of next/prev image */
+.pswp__caption--fake {
+  visibility: hidden; }
+
+/*
+
+	5. Loading indicator (preloader)
+
+	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
+
+ */
+.pswp__preloader {
+  width: 44px;
+  height: 44px;
+  position: absolute;
+  top: 0;
+  left: 50%;
+  margin-left: -22px;
+  opacity: 0;
+  -webkit-transition: opacity 0.25s ease-out;
+          transition: opacity 0.25s ease-out;
+  will-change: opacity;
+  direction: ltr; }
+
+.pswp__preloader__icn {
+  width: 20px;
+  height: 20px;
+  margin: 12px; }
+
+.pswp__preloader--active {
+  opacity: 1; }
+  .pswp__preloader--active .pswp__preloader__icn {
+    /* We use .gif in browsers that don't support CSS animation */
+    background: url(preloader.gif) 0 0 no-repeat; }
+
+.pswp--css_animation .pswp__preloader--active {
+  opacity: 1; }
+  .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
+    -webkit-animation: clockwise 500ms linear infinite;
+            animation: clockwise 500ms linear infinite; }
+  .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
+    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
+            animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }
+
+.pswp--css_animation .pswp__preloader__icn {
+  background: none;
+  opacity: 0.75;
+  width: 14px;
+  height: 14px;
+  position: absolute;
+  left: 15px;
+  top: 15px;
+  margin: 0; }
+
+.pswp--css_animation .pswp__preloader__cut {
+  /* 
+			The idea of animating inner circle is based on Polymer ("material") loading indicator 
+			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
+		*/
+  position: relative;
+  width: 7px;
+  height: 14px;
+  overflow: hidden; }
+
+.pswp--css_animation .pswp__preloader__donut {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  width: 14px;
+  height: 14px;
+  border: 2px solid #FFF;
+  border-radius: 50%;
+  border-left-color: transparent;
+  border-bottom-color: transparent;
+  position: absolute;
+  top: 0;
+  left: 0;
+  background: none;
+  margin: 0; }
+
+@media screen and (max-width: 1024px) {
+  .pswp__preloader {
+    position: relative;
+    left: auto;
+    top: auto;
+    margin: 0;
+    float: right; } }
+
+@-webkit-keyframes clockwise {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg); }
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg); } }
+
+@keyframes clockwise {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg); }
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg); } }
+
+@-webkit-keyframes donut-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+            transform: rotate(0); }
+  50% {
+    -webkit-transform: rotate(-140deg);
+            transform: rotate(-140deg); }
+  100% {
+    -webkit-transform: rotate(0);
+            transform: rotate(0); } }
+
+@keyframes donut-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+            transform: rotate(0); }
+  50% {
+    -webkit-transform: rotate(-140deg);
+            transform: rotate(-140deg); }
+  100% {
+    -webkit-transform: rotate(0);
+            transform: rotate(0); } }
+
+/*
+	
+	6. Additional styles
+
+ */
+/* root element of UI */
+.pswp__ui {
+  -webkit-font-smoothing: auto;
+  visibility: visible;
+  opacity: 1;
+  z-index: 1550; }
+
+/* top black bar with buttons and "1 of X" indicator */
+.pswp__top-bar {
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 44px;
+  width: 100%; }
+
+.pswp__caption,
+.pswp__top-bar,
+.pswp--has_mouse .pswp__button--arrow--left,
+.pswp--has_mouse .pswp__button--arrow--right {
+  -webkit-backface-visibility: hidden;
+  will-change: opacity;
+  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
+          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
+
+/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
+.pswp--has_mouse .pswp__button--arrow--left,
+.pswp--has_mouse .pswp__button--arrow--right {
+  visibility: visible; }
+
+.pswp__top-bar,
+.pswp__caption {
+  background-color: rgba(0, 0, 0, 0.5); }
+
+/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
+.pswp__ui--fit .pswp__top-bar,
+.pswp__ui--fit .pswp__caption {
+  background-color: rgba(0, 0, 0, 0.3); }
+
+/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
+.pswp__ui--idle .pswp__top-bar {
+  opacity: 0; }
+
+.pswp__ui--idle .pswp__button--arrow--left,
+.pswp__ui--idle .pswp__button--arrow--right {
+  opacity: 0; }
+
+/*
+	pswp__ui--hidden class is added when controls are hidden
+	e.g. when user taps to toggle visibility of controls
+*/
+.pswp__ui--hidden .pswp__top-bar,
+.pswp__ui--hidden .pswp__caption,
+.pswp__ui--hidden .pswp__button--arrow--left,
+.pswp__ui--hidden .pswp__button--arrow--right {
+  /* Force paint & create composition layer for controls. */
+  opacity: 0.001; }
+
+/* pswp__ui--one-slide class is added when there is just one item in gallery */
+.pswp__ui--one-slide .pswp__button--arrow--left,
+.pswp__ui--one-slide .pswp__button--arrow--right,
+.pswp__ui--one-slide .pswp__counter {
+  display: none; }
+
+.pswp__element--disabled {
+  display: none !important; }
+
+.pswp--minimal--dark .pswp__top-bar {
+  background: none; }
--- a/fp-plugins/photoswipe/res/photoswipe-4.1.3/default-skin/default-skin.png
+++ b/fp-plugins/photoswipe/res/photoswipe-4.1.3/default-skin/default-skin.png
--- a/fp-plugins/photoswipe/res/photoswipe-4.1.3/default-skin/default-skin.svg
+++ b/fp-plugins/photoswipe/res/photoswipe-4.1.3/default-skin/default-skin.svg
@ -0,0 +1 @@
+<svg width="264" height="88" viewBox="0 0 264 88" xmlns="http://www.w3.org/2000/svg"><title>default-skin 2</title><g fill="none" fill-rule="evenodd"><g><path d="M67.002 59.5v3.768c-6.307.84-9.184 5.75-10.002 9.732 2.22-2.83 5.564-5.098 10.002-5.098V71.5L73 65.585 67.002 59.5z" id="Shape" fill="#fff"/><g fill="#fff"><path d="M13 29v-5h2v3h3v2h-5zM13 15h5v2h-3v3h-2v-5zM31 15v5h-2v-3h-3v-2h5zM31 29h-5v-2h3v-3h2v5z" id="Shape"/></g><g fill="#fff"><path d="M62 24v5h-2v-3h-3v-2h5zM62 20h-5v-2h3v-3h2v5zM70 20v-5h2v3h3v2h-5zM70 24h5v2h-3v3h-2v-5z"/></g><path d="M20.586 66l-5.656-5.656 1.414-1.414L22 64.586l5.656-5.656 1.414 1.414L23.414 66l5.656 5.656-1.414 1.414L22 67.414l-5.656 5.656-1.414-1.414L20.586 66z" fill="#fff"/><path d="M111.785 65.03L110 63.5l3-3.5h-10v-2h10l-3-3.5 1.785-1.468L117 59l-5.215 6.03z" fill="#fff"/><path d="M152.215 65.03L154 63.5l-3-3.5h10v-2h-10l3-3.5-1.785-1.468L147 59l5.215 6.03z" fill="#fff"/><g><path id="Rectangle-11" fill="#fff" d="M160.957 28.543l-3.25-3.25-1.413 1.414 3.25 3.25z"/><path d="M152.5 27c3.038 0 5.5-2.462 5.5-5.5s-2.462-5.5-5.5-5.5-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5z" id="Oval-1" stroke="#fff" stroke-width="1.5"/><path fill="#fff" d="M150 21h5v1h-5z"/></g><g><path d="M116.957 28.543l-1.414 1.414-3.25-3.25 1.414-1.414 3.25 3.25z" fill="#fff"/><path d="M108.5 27c3.038 0 5.5-2.462 5.5-5.5s-2.462-5.5-5.5-5.5-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5z" stroke="#fff" stroke-width="1.5"/><path fill="#fff" d="M106 21h5v1h-5z"/><path fill="#fff" d="M109.043 19.008l-.085 5-1-.017.085-5z"/></g></g></g></svg>
--- a/fp-plugins/photoswipe/res/photoswipe-4.1.3/default-skin/preloader.gif
+++ b/fp-plugins/photoswipe/res/photoswipe-4.1.3/default-skin/preloader.gif
--- a/fp-plugins/photoswipe/res/photoswipe-4.1.3/photoswipe-ui-default.js
+++ b/fp-plugins/photoswipe/res/photoswipe-4.1.3/photoswipe-ui-default.js
@ -0,0 +1,861 @@
+/*! PhotoSwipe Default UI - 4.1.3 - 2019-01-08
+* http://photoswipe.com
+* Copyright (c) 2019 Dmitry Semenov; */
+/**
+*
+* UI on top of main sliding area (caption, arrows, close button, etc.).
+* Built just using public methods/properties of PhotoSwipe.
+* 
+*/
+(function (root, factory) { 
+	if (typeof define === 'function' && define.amd) {
+		define(factory);
+	} else if (typeof exports === 'object') {
+		module.exports = factory();
+	} else {
+		root.PhotoSwipeUI_Default = factory();
+	}
+})(this, function () {
+
+	'use strict';
+
+
+
+var PhotoSwipeUI_Default =
+ function(pswp, framework) {
+
+	var ui = this;
+	var _overlayUIUpdated = false,
+		_controlsVisible = true,
+		_fullscrenAPI,
+		_controls,
+		_captionContainer,
+		_fakeCaptionContainer,
+		_indexIndicator,
+		_shareButton,
+		_shareModal,
+		_shareModalHidden = true,
+		_initalCloseOnScrollValue,
+		_isIdle,
+		_listen,
+
+		_loadingIndicator,
+		_loadingIndicatorHidden,
+		_loadingIndicatorTimeout,
+
+		_galleryHasOneSlide,
+
+		_options,
+		_defaultUIOptions = {
+			barsSize: {top:44, bottom:'auto'},
+			closeElClasses: ['item', 'caption', 'zoom-wrap', 'ui', 'top-bar'], 
+			timeToIdle: 4000, 
+			timeToIdleOutside: 1000,
+			loadingIndicatorDelay: 1000, // 2s
+			
+			addCaptionHTMLFn: function(item, captionEl /*, isFake */) {
+				if(!item.title) {
+					captionEl.children[0].innerHTML = '';
+					return false;
+				}
+				captionEl.children[0].innerHTML = item.title;
+				return true;
+			},
+
+			closeEl:true,
+			captionEl: true,
+			fullscreenEl: true,
+			zoomEl: true,
+			shareEl: true,
+			counterEl: true,
+			arrowEl: true,
+			preloaderEl: true,
+
+			tapToClose: false,
+			tapToToggleControls: true,
+
+			clickToCloseNonZoomable: true,
+
+			shareButtons: [
+				{id:'facebook', label:'Share on Facebook', url:'https://www.facebook.com/sharer/sharer.php?u={{url}}'},
+				{id:'twitter', label:'Tweet', url:'https://twitter.com/intent/tweet?text={{text}}&url={{url}}'},
+				{id:'pinterest', label:'Pin it', url:'http://www.pinterest.com/pin/create/button/'+
+													'?url={{url}}&media={{image_url}}&description={{text}}'},
+				{id:'download', label:'Download image', url:'{{raw_image_url}}', download:true}
+			],
+			getImageURLForShare: function( /* shareButtonData */ ) {
+				return pswp.currItem.src || '';
+			},
+			getPageURLForShare: function( /* shareButtonData */ ) {
+				return window.location.href;
+			},
+			getTextForShare: function( /* shareButtonData */ ) {
+				return pswp.currItem.title || '';
+			},
+				
+			indexIndicatorSep: ' / ',
+			fitControlsWidth: 1200
+
+		},
+		_blockControlsTap,
+		_blockControlsTapTimeout;
+
+
+
+	var _onControlsTap = function(e) {
+			if(_blockControlsTap) {
+				return true;
+			}
+
+
+			e = e || window.event;
+
+			if(_options.timeToIdle && _options.mouseUsed && !_isIdle) {
+				// reset idle timer
+				_onIdleMouseMove();
+			}
+
+
+			var target = e.target || e.srcElement,
+				uiElement,
+				clickedClass = target.getAttribute('class') || '',
+				found;
+
+			for(var i = 0; i < _uiElements.length; i++) {
+				uiElement = _uiElements[i];
+				if(uiElement.onTap && clickedClass.indexOf('pswp__' + uiElement.name ) > -1 ) {
+					uiElement.onTap();
+					found = true;
+
+				}
+			}
+
+			if(found) {
+				if(e.stopPropagation) {
+					e.stopPropagation();
+				}
+				_blockControlsTap = true;
+
+				// Some versions of Android don't prevent ghost click event 
+				// when preventDefault() was called on touchstart and/or touchend.
+				// 
+				// This happens on v4.3, 4.2, 4.1, 
+				// older versions strangely work correctly, 
+				// but just in case we add delay on all of them)	
+				var tapDelay = framework.features.isOldAndroid ? 600 : 30;
+				_blockControlsTapTimeout = setTimeout(function() {
+					_blockControlsTap = false;
+				}, tapDelay);
+			}
+
+		},
+		_fitControlsInViewport = function() {
+			return !pswp.likelyTouchDevice || _options.mouseUsed || screen.width > _options.fitControlsWidth;
+		},
+		_togglePswpClass = function(el, cName, add) {
+			framework[ (add ? 'add' : 'remove') + 'Class' ](el, 'pswp__' + cName);
+		},
+
+		// add class when there is just one item in the gallery
+		// (by default it hides left/right arrows and 1ofX counter)
+		_countNumItems = function() {
+			var hasOneSlide = (_options.getNumItemsFn() === 1);
+
+			if(hasOneSlide !== _galleryHasOneSlide) {
+				_togglePswpClass(_controls, 'ui--one-slide', hasOneSlide);
+				_galleryHasOneSlide = hasOneSlide;
+			}
+		},
+		_toggleShareModalClass = function() {
+			_togglePswpClass(_shareModal, 'share-modal--hidden', _shareModalHidden);
+		},
+		_toggleShareModal = function() {
+
+			_shareModalHidden = !_shareModalHidden;
+			
+			
+			if(!_shareModalHidden) {
+				_toggleShareModalClass();
+				setTimeout(function() {
+					if(!_shareModalHidden) {
+						framework.addClass(_shareModal, 'pswp__share-modal--fade-in');
+					}
+				}, 30);
+			} else {
+				framework.removeClass(_shareModal, 'pswp__share-modal--fade-in');
+				setTimeout(function() {
+					if(_shareModalHidden) {
+						_toggleShareModalClass();
+					}
+				}, 300);
+			}
+			
+			if(!_shareModalHidden) {
+				_updateShareURLs();
+			}
+			return false;
+		},
+
+		_openWindowPopup = function(e) {
+			e = e || window.event;
+			var target = e.target || e.srcElement;
+
+			pswp.shout('shareLinkClick', e, target);
+
+			if(!target.href) {
+				return false;
+			}
+
+			if( target.hasAttribute('download') ) {
+				return true;
+			}
+
+			window.open(target.href, 'pswp_share', 'scrollbars=yes,resizable=yes,toolbar=no,'+
+										'location=yes,width=550,height=420,top=100,left=' + 
+										(window.screen ? Math.round(screen.width / 2 - 275) : 100)  );
+
+			if(!_shareModalHidden) {
+				_toggleShareModal();
+			}
+			
+			return false;
+		},
+		_updateShareURLs = function() {
+			var shareButtonOut = '',
+				shareButtonData,
+				shareURL,
+				image_url,
+				page_url,
+				share_text;
+
+			for(var i = 0; i < _options.shareButtons.length; i++) {
+				shareButtonData = _options.shareButtons[i];
+
+				image_url = _options.getImageURLForShare(shareButtonData);
+				page_url = _options.getPageURLForShare(shareButtonData);
+				share_text = _options.getTextForShare(shareButtonData);
+
+				shareURL = shareButtonData.url.replace('{{url}}', encodeURIComponent(page_url) )
+									.replace('{{image_url}}', encodeURIComponent(image_url) )
+									.replace('{{raw_image_url}}', image_url )
+									.replace('{{text}}', encodeURIComponent(share_text) );
+
+				shareButtonOut += '<a href="' + shareURL + '" target="_blank" '+
+									'class="pswp__share--' + shareButtonData.id + '"' +
+									(shareButtonData.download ? 'download' : '') + '>' + 
+									shareButtonData.label + '</a>';
+
+				if(_options.parseShareButtonOut) {
+					shareButtonOut = _options.parseShareButtonOut(shareButtonData, shareButtonOut);
+				}
+			}
+			_shareModal.children[0].innerHTML = shareButtonOut;
+			_shareModal.children[0].onclick = _openWindowPopup;
+
+		},
+		_hasCloseClass = function(target) {
+			for(var  i = 0; i < _options.closeElClasses.length; i++) {
+				if( framework.hasClass(target, 'pswp__' + _options.closeElClasses[i]) ) {
+					return true;
+				}
+			}
+		},
+		_idleInterval,
+		_idleTimer,
+		_idleIncrement = 0,
+		_onIdleMouseMove = function() {
+			clearTimeout(_idleTimer);
+			_idleIncrement = 0;
+			if(_isIdle) {
+				ui.setIdle(false);
+			}
+		},
+		_onMouseLeaveWindow = function(e) {
+			e = e ? e : window.event;
+			var from = e.relatedTarget || e.toElement;
+			if (!from || from.nodeName === 'HTML') {
+				clearTimeout(_idleTimer);
+				_idleTimer = setTimeout(function() {
+					ui.setIdle(true);
+				}, _options.timeToIdleOutside);
+			}
+		},
+		_setupFullscreenAPI = function() {
+			if(_options.fullscreenEl && !framework.features.isOldAndroid) {
+				if(!_fullscrenAPI) {
+					_fullscrenAPI = ui.getFullscreenAPI();
+				}
+				if(_fullscrenAPI) {
+					framework.bind(document, _fullscrenAPI.eventK, ui.updateFullscreen);
+					ui.updateFullscreen();
+					framework.addClass(pswp.template, 'pswp--supports-fs');
+				} else {
+					framework.removeClass(pswp.template, 'pswp--supports-fs');
+				}
+			}
+		},
+		_setupLoadingIndicator = function() {
+			// Setup loading indicator
+			if(_options.preloaderEl) {
+			
+				_toggleLoadingIndicator(true);
+
+				_listen('beforeChange', function() {
+
+					clearTimeout(_loadingIndicatorTimeout);
+
+					// display loading indicator with delay
+					_loadingIndicatorTimeout = setTimeout(function() {
+
+						if(pswp.currItem && pswp.currItem.loading) {
+
+							if( !pswp.allowProgressiveImg() || (pswp.currItem.img && !pswp.currItem.img.naturalWidth)  ) {
+								// show preloader if progressive loading is not enabled, 
+								// or image width is not defined yet (because of slow connection)
+								_toggleLoadingIndicator(false); 
+								// items-controller.js function allowProgressiveImg
+							}
+							
+						} else {
+							_toggleLoadingIndicator(true); // hide preloader
+						}
+
+					}, _options.loadingIndicatorDelay);
+					
+				});
+				_listen('imageLoadComplete', function(index, item) {
+					if(pswp.currItem === item) {
+						_toggleLoadingIndicator(true);
+					}
+				});
+
+			}
+		},
+		_toggleLoadingIndicator = function(hide) {
+			if( _loadingIndicatorHidden !== hide ) {
+				_togglePswpClass(_loadingIndicator, 'preloader--active', !hide);
+				_loadingIndicatorHidden = hide;
+			}
+		},
+		_applyNavBarGaps = function(item) {
+			var gap = item.vGap;
+
+			if( _fitControlsInViewport() ) {
+				
+				var bars = _options.barsSize; 
+				if(_options.captionEl && bars.bottom === 'auto') {
+					if(!_fakeCaptionContainer) {
+						_fakeCaptionContainer = framework.createEl('pswp__caption pswp__caption--fake');
+						_fakeCaptionContainer.appendChild( framework.createEl('pswp__caption__center') );
+						_controls.insertBefore(_fakeCaptionContainer, _captionContainer);
+						framework.addClass(_controls, 'pswp__ui--fit');
+					}
+					if( _options.addCaptionHTMLFn(item, _fakeCaptionContainer, true) ) {
+
+						var captionSize = _fakeCaptionContainer.clientHeight;
+						gap.bottom = parseInt(captionSize,10) || 44;
+					} else {
+						gap.bottom = bars.top; // if no caption, set size of bottom gap to size of top
+					}
+				} else {
+					gap.bottom = bars.bottom === 'auto' ? 0 : bars.bottom;
+				}
+				
+				// height of top bar is static, no need to calculate it
+				gap.top = bars.top;
+			} else {
+				gap.top = gap.bottom = 0;
+			}
+		},
+		_setupIdle = function() {
+			// Hide controls when mouse is used
+			if(_options.timeToIdle) {
+				_listen('mouseUsed', function() {
+					
+					framework.bind(document, 'mousemove', _onIdleMouseMove);
+					framework.bind(document, 'mouseout', _onMouseLeaveWindow);
+
+					_idleInterval = setInterval(function() {
+						_idleIncrement++;
+						if(_idleIncrement === 2) {
+							ui.setIdle(true);
+						}
+					}, _options.timeToIdle / 2);
+				});
+			}
+		},
+		_setupHidingControlsDuringGestures = function() {
+
+			// Hide controls on vertical drag
+			_listen('onVerticalDrag', function(now) {
+				if(_controlsVisible && now < 0.95) {
+					ui.hideControls();
+				} else if(!_controlsVisible && now >= 0.95) {
+					ui.showControls();
+				}
+			});
+
+			// Hide controls when pinching to close
+			var pinchControlsHidden;
+			_listen('onPinchClose' , function(now) {
+				if(_controlsVisible && now < 0.9) {
+					ui.hideControls();
+					pinchControlsHidden = true;
+				} else if(pinchControlsHidden && !_controlsVisible && now > 0.9) {
+					ui.showControls();
+				}
+			});
+
+			_listen('zoomGestureEnded', function() {
+				pinchControlsHidden = false;
+				if(pinchControlsHidden && !_controlsVisible) {
+					ui.showControls();
+				}
+			});
+
+		};
+
+
+
+	var _uiElements = [
+		{ 
+			name: 'caption', 
+			option: 'captionEl',
+			onInit: function(el) {  
+				_captionContainer = el; 
+			} 
+		},
+		{ 
+			name: 'share-modal', 
+			option: 'shareEl',
+			onInit: function(el) {  
+				_shareModal = el;
+			},
+			onTap: function() {
+				_toggleShareModal();
+			} 
+		},
+		{ 
+			name: 'button--share', 
+			option: 'shareEl',
+			onInit: function(el) { 
+				_shareButton = el;
+			},
+			onTap: function() {
+				_toggleShareModal();
+			} 
+		},
+		{ 
+			name: 'button--zoom', 
+			option: 'zoomEl',
+			onTap: pswp.toggleDesktopZoom
+		},
+		{ 
+			name: 'counter', 
+			option: 'counterEl',
+			onInit: function(el) {  
+				_indexIndicator = el;
+			} 
+		},
+		{ 
+			name: 'button--close', 
+			option: 'closeEl',
+			onTap: pswp.close
+		},
+		{ 
+			name: 'button--arrow--left', 
+			option: 'arrowEl',
+			onTap: pswp.prev
+		},
+		{ 
+			name: 'button--arrow--right', 
+			option: 'arrowEl',
+			onTap: pswp.next
+		},
+		{ 
+			name: 'button--fs', 
+			option: 'fullscreenEl',
+			onTap: function() {  
+				if(_fullscrenAPI.isFullscreen()) {
+					_fullscrenAPI.exit();
+				} else {
+					_fullscrenAPI.enter();
+				}
+			} 
+		},
+		{ 
+			name: 'preloader', 
+			option: 'preloaderEl',
+			onInit: function(el) {  
+				_loadingIndicator = el;
+			} 
+		}
+
+	];
+
+	var _setupUIElements = function() {
+		var item,
+			classAttr,
+			uiElement;
+
+		var loopThroughChildElements = function(sChildren) {
+			if(!sChildren) {
+				return;
+			}
+
+			var l = sChildren.length;
+			for(var i = 0; i < l; i++) {
+				item = sChildren[i];
+				classAttr = item.className;
+
+				for(var a = 0; a < _uiElements.length; a++) {
+					uiElement = _uiElements[a];
+
+					if(classAttr.indexOf('pswp__' + uiElement.name) > -1  ) {
+
+						if( _options[uiElement.option] ) { // if element is not disabled from options
+							
+							framework.removeClass(item, 'pswp__element--disabled');
+							if(uiElement.onInit) {
+								uiElement.onInit(item);
+							}
+							
+							//item.style.display = 'block';
+						} else {
+							framework.addClass(item, 'pswp__element--disabled');
+							//item.style.display = 'none';
+						}
+					}
+				}
+			}
+		};
+		loopThroughChildElements(_controls.children);
+
+		var topBar =  framework.getChildByClass(_controls, 'pswp__top-bar');
+		if(topBar) {
+			loopThroughChildElements( topBar.children );
+		}
+	};
+
+
+	
+
+	ui.init = function() {
+
+		// extend options
+		framework.extend(pswp.options, _defaultUIOptions, true);
+
+		// create local link for fast access
+		_options = pswp.options;
+
+		// find pswp__ui element
+		_controls = framework.getChildByClass(pswp.scrollWrap, 'pswp__ui');
+
+		// create local link
+		_listen = pswp.listen;
+
+
+		_setupHidingControlsDuringGestures();
+
+		// update controls when slides change
+		_listen('beforeChange', ui.update);
+
+		// toggle zoom on double-tap
+		_listen('doubleTap', function(point) {
+			var initialZoomLevel = pswp.currItem.initialZoomLevel;
+			if(pswp.getZoomLevel() !== initialZoomLevel) {
+				pswp.zoomTo(initialZoomLevel, point, 333);
+			} else {
+				pswp.zoomTo(_options.getDoubleTapZoom(false, pswp.currItem), point, 333);
+			}
+		});
+
+		// Allow text selection in caption
+		_listen('preventDragEvent', function(e, isDown, preventObj) {
+			var t = e.target || e.srcElement;
+			if(
+				t && 
+				t.getAttribute('class') && e.type.indexOf('mouse') > -1 && 
+				( t.getAttribute('class').indexOf('__caption') > 0 || (/(SMALL|STRONG|EM)/i).test(t.tagName) ) 
+			) {
+				preventObj.prevent = false;
+			}
+		});
+
+		// bind events for UI
+		_listen('bindEvents', function() {
+			framework.bind(_controls, 'pswpTap click', _onControlsTap);
+			framework.bind(pswp.scrollWrap, 'pswpTap', ui.onGlobalTap);
+
+			if(!pswp.likelyTouchDevice) {
+				framework.bind(pswp.scrollWrap, 'mouseover', ui.onMouseOver);
+			}
+		});
+
+		// unbind events for UI
+		_listen('unbindEvents', function() {
+			if(!_shareModalHidden) {
+				_toggleShareModal();
+			}
+
+			if(_idleInterval) {
+				clearInterval(_idleInterval);
+			}
+			framework.unbind(document, 'mouseout', _onMouseLeaveWindow);
+			framework.unbind(document, 'mousemove', _onIdleMouseMove);
+			framework.unbind(_controls, 'pswpTap click', _onControlsTap);
+			framework.unbind(pswp.scrollWrap, 'pswpTap', ui.onGlobalTap);
+			framework.unbind(pswp.scrollWrap, 'mouseover', ui.onMouseOver);
+
+			if(_fullscrenAPI) {
+				framework.unbind(document, _fullscrenAPI.eventK, ui.updateFullscreen);
+				if(_fullscrenAPI.isFullscreen()) {
+					_options.hideAnimationDuration = 0;
+					_fullscrenAPI.exit();
+				}
+				_fullscrenAPI = null;
+			}
+		});
+
+
+		// clean up things when gallery is destroyed
+		_listen('destroy', function() {
+			if(_options.captionEl) {
+				if(_fakeCaptionContainer) {
+					_controls.removeChild(_fakeCaptionContainer);
+				}
+				framework.removeClass(_captionContainer, 'pswp__caption--empty');
+			}
+
+			if(_shareModal) {
+				_shareModal.children[0].onclick = null;
+			}
+			framework.removeClass(_controls, 'pswp__ui--over-close');
+			framework.addClass( _controls, 'pswp__ui--hidden');
+			ui.setIdle(false);
+		});
+		
+
+		if(!_options.showAnimationDuration) {
+			framework.removeClass( _controls, 'pswp__ui--hidden');
+		}
+		_listen('initialZoomIn', function() {
+			if(_options.showAnimationDuration) {
+				framework.removeClass( _controls, 'pswp__ui--hidden');
+			}
+		});
+		_listen('initialZoomOut', function() {
+			framework.addClass( _controls, 'pswp__ui--hidden');
+		});
+
+		_listen('parseVerticalMargin', _applyNavBarGaps);
+		
+		_setupUIElements();
+
+		if(_options.shareEl && _shareButton && _shareModal) {
+			_shareModalHidden = true;
+		}
+
+		_countNumItems();
+
+		_setupIdle();
+
+		_setupFullscreenAPI();
+
+		_setupLoadingIndicator();
+	};
+
+	ui.setIdle = function(isIdle) {
+		_isIdle = isIdle;
+		_togglePswpClass(_controls, 'ui--idle', isIdle);
+	};
+
+	ui.update = function() {
+		// Don't update UI if it's hidden
+		if(_controlsVisible && pswp.currItem) {
+			
+			ui.updateIndexIndicator();
+
+			if(_options.captionEl) {
+				_options.addCaptionHTMLFn(pswp.currItem, _captionContainer);
+
+				_togglePswpClass(_captionContainer, 'caption--empty', !pswp.currItem.title);
+			}
+
+			_overlayUIUpdated = true;
+
+		} else {
+			_overlayUIUpdated = false;
+		}
+
+		if(!_shareModalHidden) {
+			_toggleShareModal();
+		}
+
+		_countNumItems();
+	};
+
+	ui.updateFullscreen = function(e) {
+
+		if(e) {
+			// some browsers change window scroll position during the fullscreen
+			// so PhotoSwipe updates it just in case
+			setTimeout(function() {
+				pswp.setScrollOffset( 0, framework.getScrollY() );
+			}, 50);
+		}
+		
+		// toogle pswp--fs class on root element
+		framework[ (_fullscrenAPI.isFullscreen() ? 'add' : 'remove') + 'Class' ](pswp.template, 'pswp--fs');
+	};
+
+	ui.updateIndexIndicator = function() {
+		if(_options.counterEl) {
+			_indexIndicator.innerHTML = (pswp.getCurrentIndex()+1) + 
+										_options.indexIndicatorSep + 
+										_options.getNumItemsFn();
+		}
+	};
+	
+	ui.onGlobalTap = function(e) {
+		e = e || window.event;
+		var target = e.target || e.srcElement;
+
+		if(_blockControlsTap) {
+			return;
+		}
+
+		if(e.detail && e.detail.pointerType === 'mouse') {
+
+			// close gallery if clicked outside of the image
+			if(_hasCloseClass(target)) {
+				pswp.close();
+				return;
+			}
+
+			if(framework.hasClass(target, 'pswp__img')) {
+				if(pswp.getZoomLevel() === 1 && pswp.getZoomLevel() <= pswp.currItem.fitRatio) {
+					if(_options.clickToCloseNonZoomable) {
+						pswp.close();
+					}
+				} else {
+					pswp.toggleDesktopZoom(e.detail.releasePoint);
+				}
+			}
+			
+		} else {
+
+			// tap anywhere (except buttons) to toggle visibility of controls
+			if(_options.tapToToggleControls) {
+				if(_controlsVisible) {
+					ui.hideControls();
+				} else {
+					ui.showControls();
+				}
+			}
+
+			// tap to close gallery
+			if(_options.tapToClose && (framework.hasClass(target, 'pswp__img') || _hasCloseClass(target)) ) {
+				pswp.close();
+				return;
+			}
+			
+		}
+	};
+	ui.onMouseOver = function(e) {
+		e = e || window.event;
+		var target = e.target || e.srcElement;
+
+		// add class when mouse is over an element that should close the gallery
+		_togglePswpClass(_controls, 'ui--over-close', _hasCloseClass(target));
+	};
+
+	ui.hideControls = function() {
+		framework.addClass(_controls,'pswp__ui--hidden');
+		_controlsVisible = false;
+	};
+
+	ui.showControls = function() {
+		_controlsVisible = true;
+		if(!_overlayUIUpdated) {
+			ui.update();
+		}
+		framework.removeClass(_controls,'pswp__ui--hidden');
+	};
+
+	ui.supportsFullscreen = function() {
+		var d = document;
+		return !!(d.exitFullscreen || d.mozCancelFullScreen || d.webkitExitFullscreen || d.msExitFullscreen);
+	};
+
+	ui.getFullscreenAPI = function() {
+		var dE = document.documentElement,
+			api,
+			tF = 'fullscreenchange';
+
+		if (dE.requestFullscreen) {
+			api = {
+				enterK: 'requestFullscreen',
+				exitK: 'exitFullscreen',
+				elementK: 'fullscreenElement',
+				eventK: tF
+			};
+
+		} else if(dE.mozRequestFullScreen ) {
+			api = {
+				enterK: 'mozRequestFullScreen',
+				exitK: 'mozCancelFullScreen',
+				elementK: 'mozFullScreenElement',
+				eventK: 'moz' + tF
+			};
+
+			
+
+		} else if(dE.webkitRequestFullscreen) {
+			api = {
+				enterK: 'webkitRequestFullscreen',
+				exitK: 'webkitExitFullscreen',
+				elementK: 'webkitFullscreenElement',
+				eventK: 'webkit' + tF
+			};
+
+		} else if(dE.msRequestFullscreen) {
+			api = {
+				enterK: 'msRequestFullscreen',
+				exitK: 'msExitFullscreen',
+				elementK: 'msFullscreenElement',
+				eventK: 'MSFullscreenChange'
+			};
+		}
+
+		if(api) {
+			api.enter = function() { 
+				// disable close-on-scroll in fullscreen
+				_initalCloseOnScrollValue = _options.closeOnScroll; 
+				_options.closeOnScroll = false; 
+
+				if(this.enterK === 'webkitRequestFullscreen') {
+					pswp.template[this.enterK]( Element.ALLOW_KEYBOARD_INPUT );
+				} else {
+					return pswp.template[this.enterK](); 
+				}
+			};
+			api.exit = function() { 
+				_options.closeOnScroll = _initalCloseOnScrollValue;
+
+				return document[this.exitK](); 
+
+			};
+			api.isFullscreen = function() { return document[this.elementK]; };
+		}
+
+		return api;
+	};
+
+
+
+};
+return PhotoSwipeUI_Default;
+
+
+});
--- a/fp-plugins/photoswipe/res/photoswipe-4.1.3/photoswipe-ui-default.min.js
+++ b/fp-plugins/photoswipe/res/photoswipe-4.1.3/photoswipe-ui-default.min.js
--- a/fp-plugins/photoswipe/res/photoswipe-4.1.3/photoswipe.css
+++ b/fp-plugins/photoswipe/res/photoswipe-4.1.3/photoswipe.css
@ -0,0 +1,244 @@
+/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
+/*
+	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
+*/
+/* pswp = photoswipe */
+.pswp {
+  display: none;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  overflow: hidden;
+  -ms-touch-action: none;
+  touch-action: none;
+  z-index: 1500;
+  -webkit-text-size-adjust: 100%;
+  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
+  -webkit-backface-visibility: hidden;
+  outline: none; }
+  .pswp * {
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box; }
+  .pswp img {
+    max-width: none; }
+
+/* style is added when JS option showHideOpacity is set to true */
+.pswp--animate_opacity {
+  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
+  opacity: 0.001;
+  will-change: opacity;
+  /* for open/close transition */
+  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
+          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
+
+.pswp--open {
+  display: block; }
+
+.pswp--zoom-allowed .pswp__img {
+  /* autoprefixer: off */
+  cursor: -webkit-zoom-in;
+  cursor: -moz-zoom-in;
+  cursor: zoom-in; }
+
+.pswp--zoomed-in .pswp__img {
+  /* autoprefixer: off */
+  cursor: -webkit-grab;
+  cursor: -moz-grab;
+  cursor: grab; }
+
+.pswp--dragging .pswp__img {
+  /* autoprefixer: off */
+  cursor: -webkit-grabbing;
+  cursor: -moz-grabbing;
+  cursor: grabbing; }
+
+/*
+	Background is added as a separate element.
+	As animating opacity is much faster than animating rgba() background-color.
+*/
+.pswp__bg {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: #000;
+  opacity: 0;
+  -webkit-transform: translateZ(0);
+          transform: translateZ(0);
+  -webkit-backface-visibility: hidden;
+  will-change: opacity; }
+
+.pswp__scroll-wrap {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  overflow: hidden; }
+
+.pswp__container,
+.pswp__zoom-wrap {
+  -ms-touch-action: none;
+  touch-action: none;
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0; }
+
+/* Prevent selection and tap highlights */
+.pswp__container,
+.pswp__img {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+      user-select: none;
+  -webkit-tap-highlight-color: transparent;
+  -webkit-touch-callout: none; }
+
+.pswp__zoom-wrap {
+  position: absolute;
+  width: 100%;
+  -webkit-transform-origin: left top;
+  -ms-transform-origin: left top;
+  transform-origin: left top;
+  /* for open/close transition */
+  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
+          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }
+
+.pswp__bg {
+  will-change: opacity;
+  /* for open/close transition */
+  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
+          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
+
+.pswp--animated-in .pswp__bg,
+.pswp--animated-in .pswp__zoom-wrap {
+  -webkit-transition: none;
+  transition: none; }
+
+.pswp__container,
+.pswp__zoom-wrap {
+  -webkit-backface-visibility: hidden; }
+
+.pswp__item {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  overflow: hidden; }
+
+.pswp__img {
+  position: absolute;
+  width: auto;
+  height: auto;
+  top: 0;
+  left: 0; }
+
+/*
+	stretched thumbnail or div placeholder element (see below)
+	style is added to avoid flickering in webkit/blink when layers overlap
+*/
+.pswp__img--placeholder {
+  -webkit-backface-visibility: hidden; }
+
+/*
+	div element that matches size of large image
+	large image loads on top of it
+*/
+.pswp__img--placeholder--blank {
+  background: #222; }
+
+.pswp--ie .pswp__img {
+  width: 100% !important;
+  height: auto !important;
+  left: 0;
+  top: 0; }
+
+/*
+	Error message appears when image is not loaded
+	(JS option errorMsg controls markup)
+*/
+.pswp__error-msg {
+  position: absolute;
+  left: 0;
+  top: 50%;
+  width: 100%;
+  text-align: center;
+  font-size: 14px;
+  line-height: 16px;
+  margin-top: -8px;
+  color: #CCC; }
+
+.pswp__error-msg a {
+  color: #CCC;
+  text-decoration: underline; }
+  
+/* CSS für den Autoplay-Button */
+.pswp__button--autoplay {
+/* http://www.iconsplace.com/white-icons/play-icon */
+background: transparent url(../img/play.png) no-repeat scroll 16px 14px !important;
+}
+.pswp__button--autoplay.stop {
+/* http://www.iconsplace.com/white-icons/stop-icon */
+background-image: url(../img/stop.png) !important;
+}
+
+div.photoswipe {
+}
+div.photoswipe figure {
+	display:inline-block;
+	margin:.5em 1em 0 0;
+}
+div.photoswipe figure img {
+	margin: 0 !important;
+}
+div.photoswipe figcaption {
+	text-align:center;
+}
+
+div.floatleft {
+	float:left;
+	margin:0 1em 1em 0;
+}
+div.floatleft img.floatleft {
+	float:none;
+}
+div.floatright {
+	float:right;
+	margin:0 0 1em 1em;
+}
+div.floatright img.floatright {
+	float:none;
+}
+.img-gallery div.photoswipe figure {
+	display:inline-block;
+	vertical-align: top;
+	text-align:center;
+	margin:.5em 1em 0 0;
+}
+
+
+button.pswp__button--share {
+	display:none;
+}
+
+div.img-gallery div.photoswipe,
+div.img-gallery figure,
+div.img-gallery div.photoswipe
+ {
+	display: inline;
+}
+
+
+.pswp__img { margin: 0px !important; }
+
+.pswp__caption__center {
+  text-align: center;
+  margin: 0 auto;
+  max-width:90%;
+}
--- a/fp-plugins/photoswipe/res/photoswipe-4.1.3/photoswipe.js
+++ b/fp-plugins/photoswipe/res/photoswipe-4.1.3/photoswipe.js
--- a/fp-plugins/photoswipe/res/photoswipe-4.1.3/photoswipe.min.js
+++ b/fp-plugins/photoswipe/res/photoswipe-4.1.3/photoswipe.min.js
--- a/fp-plugins/searchbox/plugin.searchbox.php
+++ b/fp-plugins/searchbox/plugin.searchbox.php
@ -27,7 +27,7 @@ function plugin_searchbox_widget() {
 		$content .= '<p><label><input type="radio" 
 					name="stype" value="titles" checked="checked" />' . $lang ['search'] ['onlytitles'] . '</label><br />' . '<label><input type="radio" name="stype" value="full" />' . $lang ['search'] ['fulltext'] . '</label></p>';

-	$content .= '<p><input name="search" type="submit" value="' . $lang ['search'] ['submit'] . '" /> </p>		
+	$content .= '<div class="buttonbar"><p><input name="search" type="submit" value="' . $lang ['search'] ['submit'] . '" /> </p></div>
 		</form>
 		</li></ul>';
				`@ -0,0 +1 @@`
				<svg width="264" height="88" viewBox="0 0 264 88" xmlns="http://www.w3.org/2000/svg"><title>default-skin 2</title><g fill="none" fill-rule="evenodd"><g><path d="M67.002 59.5v3.768c-6.307.84-9.184 5.75-10.002 9.732 2.22-2.83 5.564-5.098 10.002-5.098V71.5L73 65.585 67.002 59.5z" id="Shape" fill="#fff"/><g fill="#fff"><path d="M13 29v-5h2v3h3v2h-5zM13 15h5v2h-3v3h-2v-5zM31 15v5h-2v-3h-3v-2h5zM31 29h-5v-2h3v-3h2v5z" id="Shape"/></g><g fill="#fff"><path d="M62 24v5h-2v-3h-3v-2h5zM62 20h-5v-2h3v-3h2v5zM70 20v-5h2v3h3v2h-5zM70 24h5v2h-3v3h-2v-5z"/></g><path d="M20.586 66l-5.656-5.656 1.414-1.414L22 64.586l5.656-5.656 1.414 1.414L23.414 66l5.656 5.656-1.414 1.414L22 67.414l-5.656 5.656-1.414-1.414L20.586 66z" fill="#fff"/><path d="M111.785 65.03L110 63.5l3-3.5h-10v-2h10l-3-3.5 1.785-1.468L117 59l-5.215 6.03z" fill="#fff"/><path d="M152.215 65.03L154 63.5l-3-3.5h10v-2h-10l3-3.5-1.785-1.468L147 59l5.215 6.03z" fill="#fff"/><g><path id="Rectangle-11" fill="#fff" d="M160.957 28.543l-3.25-3.25-1.413 1.414 3.25 3.25z"/><path d="M152.5 27c3.038 0 5.5-2.462 5.5-5.5s-2.462-5.5-5.5-5.5-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5z" id="Oval-1" stroke="#fff" stroke-width="1.5"/><path fill="#fff" d="M150 21h5v1h-5z"/></g><g><path d="M116.957 28.543l-1.414 1.414-3.25-3.25 1.414-1.414 3.25 3.25z" fill="#fff"/><path d="M108.5 27c3.038 0 5.5-2.462 5.5-5.5s-2.462-5.5-5.5-5.5-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5z" stroke="#fff" stroke-width="1.5"/><path fill="#fff" d="M106 21h5v1h-5z"/><path fill="#fff" d="M109.043 19.008l-.085 5-1-.017.085-5z"/></g></g></g></svg>